0

現在、「float：left;」に設定されている2つのdivタグがあります。両方に背景色を適用したいのですが、内容によってそれぞれのサイズが異なる場合があります。divを追加して背景色を適用しようとしましたが、高さがありませんか？これが私のテストページです：http：//joshblease.co.uk/wp-content/themes/rounded/test.php

ありがとう、ジョシュ。

4

2 に答える 2

2

ああなるほど。浮いたdivの両極端の周りのボックスを背景にしたいですか？

デフォルトでは、親divは、floatされた子を含むように拡張されません。これにはいくつかの回避策があります。

  • 親divをhasoverflow: hiddenまたは。に設定しoverflow: autoます。
  • 親（）の後に空の要素を追加し、#backに設定しclear: bothます。
  • cssを使用して、上記を自動的に実行します。
#back:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

それらのいずれかがあなたのために働くはずです。

于 2012-04-13T18:29:03.837 に答える
0

overflow次の方法は、特定の状況でこの方法が持つ可能性のあるいくつかの問題を回避します。このCSSは、テストページのマークアップについての私の理解に基づいてdivIDを使用します。

#back {
    *zoom: 1;
}
#back:after {
    content: "";
    display: table;
    clear: both;
}

これは、フロートのクリア、または詳細を検索して読みたい場合の「クリアフィックス」と呼ばれます。

于 2012-04-13T18:31:32.677 に答える