HTML浮动

一.浮动特性

1.浮动元素会脱离标准流（脱标）

2.浮动元素会一行内显示并且元素顶部对齐

3.浮动的元素会具有行内快元素的类似特性

（浮动的元素：漂浮在普通流上，不占位置。脱标！）

二、标准流与浮动

1、网页布局第一准则：多个快级元素纵向排列找标准流，多个级元素横向排列找浮动。

2、标准流+浮动布局策略：父级用标准流排列上下位置，内部子元素用浮动排列左右位置！

三、清除浮动

3、父级添加after伪元素

.clearfix:after{                        （伪元素内容为空）

content:""；                           （转换伪快元素）

display:block;

height:0;

clear:both;                        （清除两端浮动）

visibility:hidden;                （显示状态：隐藏）

}

.clearfix{ /*兼容IE6/7 */*zoom:1；

}

4、清除浮动2

p{

clear:both;

}