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

Question

>基本上我有一个容器设置为绝对定位，为此我无法为...所以它需要自动环绕内容。

但是，在绝对div 内部，有 3 个div 设置为"float：left"，以便它们彼此相邻堆叠。

一旦我将父级设置为绝对定位，内部的 3 个div 就会向下跳跃，而父级div 不会环绕它们。

可能吗？这样我就可以包裹一个绝对的div，围绕3个浮动的（彼此相邻）

Answer 1

将溢出：隐藏应用于父级div

Answer 2

确保在浮标之后使用透明元素（在腹肌位置div 内）

这是它的小提琴

.CSS：

.left{
float:left
}
.clearL{
height:1px;
margin-bottom:-1px;
clear:left;
}
#wrapper
{
 padding:5px;
background-color:#e37c00; 
}

.HTML：

<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/>

​

Answer 3

这将解决问题：

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

我经常使用它，在所有现代浏览器中都运行良好。

干杯