0

基本的に、幅や高さを設定できないコンテナを絶対配置に設定しているため、コンテンツを自動的にラップする必要があります。

ただし、絶対 div 内には、"float: left" に設定された 3 つの div があるため、それらは互いに隣り合ってスタックされます。

親を絶対配置に設定すると、内部の 3 つの div が下にジャンプし、親 div はそれらを包み込みません。

それはまったく可能ですか？絶対divをラップできるように、3つのフローティングdivを（互いに隣り合って）囲みます

4

3 に答える 3

2

親divにoverflow:hiddenを適用

于 2012-04-25T16:30:50.797 に答える
0

これはトリックを行います：

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

私はこれを頻繁に使用し、最新のすべてのブラウザーでうまく機能します。

乾杯

于 2012-04-25T16:44:05.320 に答える
0

float の後に明確な要素を使用していることを確認してください (abs position 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 に答える