1

次のように、親 div と 2 つのサブ div があります。

<div class="parent">
    <div style="height:100px; float:left;" >
        aaa
    </div>
    <div style="height:200px; float:left;">
        bbb
    </div>
</div>​

内部divの最大の高さに適応するように「親」cssを設定する方法は? この場合: 200px

PS: どちらheight=100%もheight=auto機能しません。

ありがとう。

4

4 に答える 4

3

内側の div はフローティングであるため、親 div はそのコンテンツの高さを取りません。親divを閉じる前に、フローティングをクリアする必要があります。これを試して：

<div class="parent">
    <div style="height:100px; float:left;" >
        aaa
    </div> 
    <div style="height:200px; float:left;">
        bbb
    </div>
    <div style="clear:both"></div>
</div>​

編集:フロートとクリアに関する詳細な情報については、この w3c の記事を参照してください: http://www.w3.org/wiki/Floats_and_clearing

于 2012-09-20T14:22:05.813 に答える
2

親要素で「overflow：hidden」を実行することもできますが、そのdivから抜け出したい場合は問題が発生する可能性があります（たとえば、負のマージン、ボックスシャドウなど）。

<div class="parent" style="overflow: hidden;">
    <div style="height:100px; float:left;" >
        aaa
    </div>
    <div style="height:200px; float:left;">
        bbb
    </div>
</div>​
于 2012-09-20T14:28:12.063 に答える
1

私はpeterpによって与えられたリンクをたどり、彼らが言及している方法を引用したいと思います。このメソッドはリストの最初にあり、簡単に説明されています:)

アウターdivも作るfloat

<div class="parent" style="float:left;">
于 2012-10-12T10:41:25.130 に答える