css - 親 div がその子と共に成長しないようにするにはどうすればよいですか?

Question

のul内部があり、高さに関して子の影響を受けないようにdivしたい。divul

Jsfiddle: http://jsfiddle.net/9eCq6/3/

jsfiddle を参照すると、黄色divが青よりも高くならないようdivsにし、色の下のテキストのブロックがdivs赤によって押し下げられないようにします。ulつまり、ブロックに重なるようにします以下のテキストの。

答えはポジショニングにあり、適用されているフロートの影響を受けているのではないかと思いますが、まだ解決策を見つけることができていません. 解決策を見つけるために何をするか、何を読むべきですか?

編集:どのコンテンツが追加されるかわからないため、親に固定の高さを与えたくありません。

Answer 1

この古いBrainJarの記事は、CSSの位置付けに関する優れた完全なリファレンスです。それは絶対に時代遅れですが、驚くほどよく持ちこたえます。対処している基盤となるシステムをしっかりと理解するために最初に時間を費やすと、この種の問題に遭遇する頻度ははるかに少なくなります。

とはいえ、問題の（部分的な）解決策は簡単です。div.underの中に入れて、CSSセレクターdiv.wrapに追加します。このフィドルを参照してください。clear: left;.under