Day1:进入新手村前先让我复习一下QQ-CSS-Float浮动效果

已经太久没有接触了，现在又得重新开始慢慢把记忆找回来了，果然程序这种东西就是需要不停的练习阿。

虽然说这次30天打算写JS，不过我CSS才刚学一阵子，所以文章可能会交错发Orz。

今天先从前阵子才又回来摸索的CSS开始。

Float浮动元素的效果，就是可以将两个或两个以上的DIV或是区块元素并排在一起。

float: left ; // 向左对齐
float: right ; // 向右对齐

浮动元素有个特性，他会看父元素的像素多少，如果父元素像素(比如浏览器宽度)比浮动元素并排後的总像素小的话，排不下去的就会往下排列。

比如说

图一:

图二:

当父元素(图片无填色方框)尺寸等於或是大於浮动元素，这时候就会呈现并排效果(如图一)
但是如果浮动元素尺寸宽度加总超过了父元素尺寸，则会往下排列(图二)

但是因为浮动元素的特性，他不会将父元素的高度撑高，这时候如果後面继续写程序码加入元素的话会变成有重叠的问题，解决方式是使用clear语法清除浮动。
下一篇会讲到clear清除浮动。