css3种清除浮动方法_html/css_WEB-ITnose

.test{
zoom: 1;
border: 1px solid #f00;
}
.test:after{
display: block;
clear: both;
visibility: hidden;
height: 0;
content: '';
}

清除浮动 方法1： test{clear:both;} test为浮动元素的下一个兄弟元素 方法2： test{display:block;zoom:1;overflow:hidden;} test为浮动元素的父元素。zoom:1也可以替换为固定的width或height 方法3： test{zoom:1;} test:after{display:block;clear:both;visibility:hidden;height:0;content:'';}

查看更多关于css3种清除浮动方法_html/css_WEB-ITnose的详细内容...