Html 如何将绝对div包装在3个浮动div周围

基本上，我有一个容器设置为绝对定位，我不能设置宽度或高度为。。。因此，它需要自动环绕内容

但是，在绝对div中，有3个div被设置为“float:left”，这样它们就可以彼此相邻地堆叠起来

一旦我将父级设置为绝对位置，3个内部div就会跳下来，父级div不会环绕它们

---

有可能吗？这样我就可以将一个绝对div包装起来，大约3个浮动div（彼此相邻）

应用溢出：隐藏到父div

确保在浮动之后使用一个清晰的元素（使用abs位置div）

CSS:

​ HTML:

这里有一些内容

这里有一些内容

这里有一些内容

---

​

这将实现以下目的：

div.wrapper { /* outer-most div */
    ...       /* other styles */
    overflow:auto;
}

我经常使用它，在所有现代浏览器中都非常有效

---

干杯

您是否清除了剩余的浮动？虽然这可能有效，但它比op发行所需的复杂得多。另外，在您的示例中，您没有对包装器应用绝对定位。@Madbreaks不明白为什么它会如此复杂，因为只有几个类和相同的html。此外，您不必应用abs pos来验证容器是否正确包装，这是最初的问题。但是，很好地指出了这一点…使用您的方式添加了不需要的滚动条，对于这种情况，最好坚持使用

overflow:hidden

。

<div id="wrapper">
    <div id="divOne" class="left">
       <p>Some content goes here...</p>
    </div>
    <div id="divTwo"  class="left">
       <p>Some content goes here...</p>
    </div>
    <div id="divThree"  class="left">
       <p>Some content goes here...</p>
    </div>
    <div class="clearL">
    </div>
<div/>

div.wrapper { /* outer-most div */
    ...       /* other styles */
    overflow:auto;
}