清除浮动

为何要清除浮动？

 答：双子类盒子浮动，父类没有高度，此时下方盒子浮动上方

 

清除浮动方法：
 

额外标签法(不经常使用)

在浮动的盒子后面添加一个空盒子  div class ="clear"

clear语法

语法  .{clear:属性值}

属性值 left right both(通常使用)

 

 overflow方法

在父类属性中添加  overflow:hidden

 

after伪元素清除浮动

语法 .clearfix:after{

display:block

content：" . "            /内容为.，尽量加.，不要空/

height:0

visibility:hidden   /隐藏盒子/

clear：both} 

定义后在父类调用即可

 

ie6,7清除浮动处理方式

.clearfix{

*zoom:1}

 

before,after双伪元素清除浮动（重点）

.clearfix:before,.clearfix:after{

content:"";

display:table;}

.clearfix:after{

clear:both;}

.clearfix{

*zoom:1;}