0
点赞
收藏
分享

微信扫一扫

消除浮动的方式

天际孤狼 2022-12-13 阅读 145

1.空div 

    <div class="clearfloat">

div2
</div>

.clearfloat{clear:both}

2.父级定义overflow:hidden
必须定义width或zoom:1,同时不能定义height,使用overflow:auto时,浏览器会自动检查浮动区域的高度
3.使用伪类 清除浮动

   div::after{
     content:".";        
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden;        

}

 



举报

相关推荐

0 条评论