2

divコード内の要素の高さに問題があります。

この例を見てください:http://jsfiddle.net/qUfr8/
...そして今これ:http://jsfiddle.net/DdUbr/

赤い境界線に注意してください。最初の例では問題ありませんが、2番目の例では問題ありません。
これらの例の唯一の違いはdiv、2番目のコードに2つの要素を追加し、の高さがcontent0に等しいことですが、contentそれでも表示されます。

この問題を解決するにはどうすればよいですか?

4

2 に答える 2

3

div内のフローティング要素の場合は、明確な修正を使用する必要があります

http://www.webtoolkit.info/css-clearfix.html

jsFiddleの例:http ://jsfiddle.net/DdUbr/2/

于 2012-07-13T16:45:39.947 に答える
0

これを修正する別の方法は、#contentに「display:inline-block」を追加することです。

http://jsfiddle.net/DdUbr/6/

于 2012-07-13T16:53:56.440 に答える