119

コンテナ div に、その子の高さの最大の高さを取得してもらいたいです。子供の身長がわからなくてdivも。私はJSFiddleを試していました。容器divは赤です。表示されていません。なんで？

4

6 に答える 6

288

次のプロパティを追加します。

.c{
    ...
    overflow: hidden;
}

これにより、フローティング要素に関係なく、コンテナー内のすべての要素の高さが強制されます。
http://jsfiddle.net/gtdfY/3/

アップデート

最近、私はこのトリックを必要とするプロジェクトに取り組んでいましたが、オーバーフローを表示できるようにする必要がありました。代わりに、疑似要素を使用してフロートをクリアし、すべての要素でオーバーフローを許可しながら同じ効果を効果的に達成できます。

.c:after{
    clear: both;
    content: "";
    display: block;
}

http://jsfiddle.net/gtdfY/368/

于 2011-10-19T06:21:27.933 に答える
28

子を浮かせています。これは、子がコンテナーの前で「浮いている」ことを意味します。正しい高さを得るには、フロートを「クリア」する必要があります

div style="clear: both" はフローティングをクリアし、コンテナに正しい高さを与えます。float の詳細については、 http://css.maxdesign.com.au/floatutorial/clear.htmを参照してください。

例えば。

<div class="c">
    <div class="l">

    </div>
    <div class="m">
        World
    </div>
    <div style="clear: both" />
</div>
于 2011-10-19T06:24:42.940 に答える
4

このクリア div を最後の前に挿入してみてください</div>

<div style="clear: both; line-height: 0;">&nbsp;</div>

于 2011-10-19T06:21:55.420 に答える