1. float 被设计出来的初衷是为了实现文字环绕效果.
2. 被设置了 float 的元素会自动成为块级元素, display 的表现形式为 "block", 自动脱离文档流. 并且其父元素的会发生塌陷, 即高度为 0.
3. 一排设置了 float:left 的元素, 当第一行没有足够的空间时, 元素会从右向左开始, 如果第一列右边第一个元素的高度最小, 则元素会排列在右一的下方, 如果右二比右一的高度小, 那么元素会排在右二下方, 以此类推.
4. 第二行元素的垂直位置受到上一行高度最高的元素影响. 换个说法就是, 第二行的位置以上一行高度最大的元素为准平行排列.
5. clear 属性规定元素的哪一侧不允许其他浮动元素. 设置 clear 属性的元素只会影响它本身, 而不是它旁边的元素. 例如: 块 1 与块 2 均为 float:left , 两个块水平紧挨着排列, 想让块 2 去下一行, 应该设置块 1 的 clear 属性值为: clear:right.
来源: http://www.jianshu.com/p/b7f6f6826359