清除浮动的方式
Posted Peter.seven
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了清除浮动的方式相关的知识，希望对你有一定的参考价值。
1.给设置浮动的盒子的父元素一个overflow：hidden属性，即可消除父元素中子元素浮动对页面的影响。
2.使用伪元素来清除浮动
.clearfix:after {
content:"";
height:0;
line-height:0;
dispaly:block;/设置为块级元素/
clear:both; /清除浮动/
visibility:hidden; /将元素隐藏/
}
.clearfix{
zoom:1;/为了兼容IE6/
}
3.使用双伪元素
.clearfix:before,.clearfix:after{
content:"";
display:block;
clear:both;
}
.clearfix {
zoom:1
}
以上是关于清除浮动的方式的主要内容，如果未能解决你的问题，请参考以下文章