html - 在一个大的 div 中并排放置 div，而不使用绝对位置？

Question

我的网站有问题

我有一个大<div>棕色背景，没有高度，有 3 <div>里面的元素，还有那个大<div>不应该有绝对位置。

我尝试使用 float 修复它，但是当我使用左/右浮动时，棕色背景不再可见!

下面是理解我的问题的简单代码:

<div id="bigDiv" style="background-color:brown"> 
    <div id="right"></div>
    <div id="midle"></div>
    <div id="left"></div>
</div>

Answer 1

你不需要 float 元素，你需要做的就是使用display:inline-block;

因为 float 对象基本上意味着你的盒子模型失去了它的高度值，因为它不再相对于它的父对象。如果你想使用 float 方法，请确保你放置了 <br class="clr-b">。其中 .clr-b { clear:both; }