float
float元素浮动
元素设置了float，该元素在页面中不再占有位置，但其内容将会覆盖其他元素。
Float的值
left 向左浮动
right 向右浮动
inherit 从父级继承浮动属性
none 不浮动
1.浮动首先创建包含块的概念（包裹）。就是说， 浮动的元素总是靠着它最近的父级元素对齐。但是不会超出父元素内边距的范围。
2.浮动的元素排列位置，跟上一个元素（块级）有关系。如果上一个元素有浮动，则A元素顶部会和上一个元素的顶部对齐；如果上一个元素是标准流，则A元素的顶部会和上一个元素的底部对齐。
3.一个父盒子里面的子盒子，其中一个子盒子有浮动的，则其他子盒子都需要浮动。这样才能一行对齐显示。不能一个加浮动，一个不加。这样会有bug。
4.浮动脱离标准流，但不占位置。他不会影响前面的元素，却会影响后面的元素标准流。浮动只有左右浮动。
5.元素添加了浮动后，元素会具有行内块元素的特性。元素的大小完全取决于定义的大小或者默认的内容多少。
6.浮动会根据HTML元素书写的位置显示相应的浮动。
