DIV 浮动存不占空间

最新推荐文章于 2022-11-15 19:30:00 发布

weixin_30642869

最新推荐文章于 2022-11-15 19:30:00 发布

阅读量530

点赞数 1

原文链接：http://www.cnblogs.com/allensun-193/p/5502390.html

版权

DIV 浮动存不占空间
比如
<div style="width:80px; border:1px solid #333">
<div style="float:left; height:50px; width:20px; background:#CCC"></div>
<div style="float:left; height:70px; width:50px; background:#000"></div>
</div>
你会发现因为里面的2个元素浮动，所以外面的DIV高度还是2px 2px是边框的。
浮动元素不占空间，
所以一般在下面加一个清除浮动就可以解决这个BUG
<div style="width:80px; border:1px solid #333">
<div style="float:left; height:50px; width:20px; background:#CCC"></div>
<div style="float:left; height:70px; width:50px; background:#000"></div>
<div style=" clear:both"></div>
</div>

转载于:https://www.cnblogs.com/allensun-193/p/5502390.html