web前端学习笔记（二）清除浮动的几种方法

发布网友发布时间：2022-04-22 08:47

共1个回答

热心网友时间：2023-10-07 00:56

这次给大家带来清除浮动的几种方法，清除浮动的注意事项有哪些，下面就是实战案例，一起来看一下。
html



css
.box-left,.box-right{
width:200px;
height:200px;
float: left;
background: red;
border:1px solid #333;
}第一种方法：.box{clear:box}
第二种方法：.box{overflow:hidden}
第三种方法：.box{overflow:auto}
第四种方法：.box:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}.box{ zoom:1;}
第五种方法：.box{height:200px}设置高度
第六种方法：.box{display:table}
相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！
推荐阅读：
CSS画出红色爱心

display和visibility的使用区别

在CSS实现Footer置底的几种方式