css – Wrapper div height为0,浮动元素在里面

前端之家收集整理的这篇文章主要介绍了css – Wrapper div height为0,浮动元素在里面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_301_0@
我有一个包装< div>它包含两个浮动的内部< div> s.
<div class="outside" style="border:1px solid #555;">
  <div class="inside" style="float:left; width:40px;">CONTENT</div>
  <div class="inside2" style="float:left; width:40px;">CONTENT</div>
</div>

问题是包装器< div>宽度为80px,因为两个内部< div>每个都是40px.但总是包装< div>高度为0px,使得边框在顶部显示为一行.

所以我把两个内部< div>放在< table>里面.它运作良好但是,如果没有找到< table>?

解决方法

设置溢出:隐藏在父级上.
<div class="outside" style="border:1px solid #555;overflow:hidden;">
  <div class="inside" style="float:left; width:40px;">CONTENT</div>
  <div class="inside2" style="float:left; width:40px;">CONTENT</div>
</div>

猜你在找的CSS相关文章