浮动与清除浮动

浮动 float半脱离文档流（对元素，脱离文档流；对内容，在文档流） 浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。

float:left | right | none | inherit; 浮动的特征： 1、块在一排显示 2、内联支持宽高 3、默认内容撑开宽度 4、脱离文档流 5、提升层级 清除浮动： 1.加高 问题：扩展性不好

2.父级浮动 问题：页面中所有元素都加浮动，margin左右自动失效

3.inline-block 清浮动方法： 问题：margin左右auto失效；

4.空标签清浮动 问题：IE6 最小高度 19px；（解决后IE6下还有2px偏差）

5.br清浮动 问题：不符合工作中：结构、样式、行为，三者分离的要求。

6.after伪元素 清浮动方法（现在主流方法） .clear:after{ display: block; content: ''; clear: both; height: 0; visibility: hidden; overflow: hidden; } .clear{ *zoom:1; }

after伪元素： 元素内部末尾添加内容； :after{content"添加的内容";} IE6，7下不兼容 zoom 缩放 ie6 7兼容

7.overflow:hidden 清浮动方法； 8.position:absolute; 绝对定位元素子级的浮动可以不用写清浮动方法； position:fixed; 固定定位元素子级的浮动可以不用写清浮动方法；（IE6不兼容）