怎样清除浮动

clear清除浮动(添加空div法)在浮动元素下方添加空div,并给该元素写css样式 {clear:both;height:0;overflow:hidden;}

给浮动元素父级设置高度

父级同时浮动(需要给父级同级元素添加浮动)

父级设置成inline-block,其margin: 0 auto居中方式失效

给父级添加overflow:hidden 清除浮动方法

万能清除法 after伪类 清浮动(现在主流方法,推荐使用)


 1 float_div:after{
 2   content:".";
 3   clear:both;
 4   display:block;
 5   height:0;
 6   overflow:hidden;
 7   visibility:hidden;
 8 }
 9 .float_div{
10   zoom:1
11 }

 

 

posted @ 2020-10-19 14:27  俩只猫  阅读(77)  评论(0编辑  收藏  举报