清除浮动
父子级:
1.在子级元素后添加一个空元素,为其添加clear:both 弊端:增加了无意义的元素结构
2.给父级元素设置一个overflow:hiddden 解决了第一种方法的弊端
3.::after 为需要清除浮动元素的伪对象中设置height:0,
#layout:after{
clear:both;
display: block;
content:”";
可以不写 visibility:hidden;
可以不写 height:0;}
(用伪类清除浮动时用after,并且加上content:""可以加内容也可以不加,但是一定要加上display: block;同时还要写clear:both;)
【最推荐使用第二种】
清除浮动的方法
最新推荐文章于 2024-09-01 21:38:19 发布