6.1.2 float 的作用机制
行框盒子如果和浮动元素的垂直高度有重叠，则行框盒子在正常定位状态下只会跟随浮动元素
块状盒子中的“行框盒子”被浮动元素限制，没有任何的重叠
6.1.3 float 更深入的作用机制
浮动锚点：是float元素所在的“流”中的一个点，这个点本身并不浮动，就表现而言如同一个空的内联元素，有内联元素自然就有“行框盒子”
浮动参考：是浮动元素对齐参考的实体: float元素的“浮动参考”是“行框盒子”，也就是float元素在当前“行框盒子”内定位
6.1.4 float 与流体布局
我们可以利用 float 破坏 CSS 正常流的特性，实现两栏或多栏的自适应布局。
.animal元素没有浮动，也没有设置宽度， 因此，流动性保持得很好，设置margin-left、border-left或者padding-left都可以自动改变content box的尺寸，继而实现了宽度自适应布局效果
6.2 float 的天然克星 clear
6.2.1 什么是 clear 属性
clear: none默认值 | left左侧抗浮动 | right右侧抗浮动 | both 两侧抗浮动
clear属性是 让自身不能和前面的浮动元素相邻；
clear属性只有块级元素才有效；
由于clear:both的作用本质是让自己不和float元素在一行显示，并不是真正意义上的清除浮动；