清除浮动的方法

2022-09-01  本文已影响0人  未路过

1.给父元素设置固定高度。

扩展性不好,不推荐

2.给父元素最后增加一个空的块级子元素,并且让他设置clear:both

会增加很多无意义的空标签,维护麻烦
违反了结构与样式分离的原则
不推荐

3.给父元素添加一个伪元素

推荐
编写好后可轻松实现浮动清除

clear 属性可以指定一个元素是否必须移动(清除浮动后)到在它之前的浮动元素下面;
.clear_fix:after{
Content:””;
Clear:both;
Display:block
}

4.给父元素设置BFC,overflow:auto

上一篇 下一篇

猜你喜欢

热点阅读