清除浮动方法

• 给父级定义height 缺点:扩展性不好
• 父级 overflow:hidden 定位 浮动 开启BFC布局 浮动/定位盒子的特点高宽都由内容撑开 缺点:IE6会失效,添加样式zoom:1;触发拥有布局(haslayout)
• <br>标签清除浮动 <br clear="all"/>缺点:IE6不支持

• 空标签清除浮动 <div style="clear:both"></div> 缺点:违反了结构行为样式相分离的原则.

• 伪元素清除浮动 clearfix

clearfix:{    *zoom:1; /*IE6 IE7不支持伪类元素  开启haslayout*/}clearfix::after{    content:'';    display:block;    clear:both;}