Question

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

但是，在绝对div中，有3个div设置为“float：left”，这样它们就会相互叠加。

一旦我将父级设置为绝对位置，3个内部div就会向下跳转，而父div不会包围它们。

有可能吗？所以我可以包装一个绝对div，大约3个浮动的div（彼此相邻）

Answer 1

将overflow：hidden隐藏到父div

Answer 2

确保你的花车后面有一个透明元素（在你的腹肌位置div内）

Here is the Fiddle for it

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;
}

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

干杯

如何围绕3个浮动div包装一个绝对div

3 个答案: