清除浮动的方式

标签：splay   ie浏览器   文档流   play   解决   after   兼容   Fix   自动   

浮动：浮动元素不占用源文档流的位置，所以会对后面或者父级元素的排版产生影响，为解决这个问题，需要在元素中清除浮动，解决浮动元素造成的影响

父级元素因为子元素浮动而高度变为0
1.给父元素定义高度
2.利用after和zoom
添加一个空div 利用clear:both让父div自动获取高度
.clearfix:after{
content:" ";
display:block;//table
clear:both;
}

.clearfix{
zoom:1; //IE兼容 IE8以上和非IE浏览器才支持：after
}

其他方法参考：
https://www.cnblogs.com/niujifei/p/11212184.html

清除浮动的方式

标签：splay   ie浏览器   文档流   play   解决   after   兼容   Fix   自动   

原文地址：https://www.cnblogs.com/zhoujingye/p/12514500.html