DIV 浮动存不占空间
Posted allensun
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了DIV 浮动存不占空间相关的知识，希望对你有一定的参考价值。
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>
以上是关于DIV 浮动存不占空间的主要内容，如果未能解决你的问题，请参考以下文章
有没有办法强制 div 内的浮动 div 元素仅使用 css 和 html 垂直占据可用空间？