0

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

但是，在绝对 div 内部，有 3 个 div 设置为“float:left”，这样它们就会彼此相邻堆叠。

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

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

4

3 回答 3

2

应用溢出：隐藏到父 div

于 2012-04-25T16:30:50.797 回答
0

确保您在浮动之后使用清晰的元素（使用您的 abs 位置 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/>

​</p>

于 2012-04-25T16:40:50.423 回答
0

这可以解决问题：

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

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

干杯

于 2012-04-25T16:44:05.320 回答