html - CSS：親/子の身長の問題

Question

サイドバーの高さに苦労しています。

コンテナは正しい高さ（中のコンテンツの高さ）を表示していますが、その高さの100％を使用しているはずのサイドバーがまだ表示されていません。

以下の提案の1つ（http://www.quirksmode.org/css/clearing.html）を実装しましたが、サイドバーがまだ表示されません。

これはプロにとってはシンプルなものだと確信しています。ヒントをいただければ幸いです。

ありがとう、

トム

これが私のコードです：http：//jsfiddle.net/tomperkins/wy52B/

score 1 · Accepted Answer

フロートをクリアするこの方法をチェックしてください。よりクリーンで使いやすいです。

score 0 · Accepted Answer

クリアフィックスを使用しないでください

ほとんどの状況で必要ではなく、セマンティックではありません。

ほとんどの場合の簡単な解決策: 親をフロートします。

HTML:

<div class="parent">
  <div class="child">
  </div>
  <div class="child">
  </div>
</div>

CSS:

.parent
{
  float: left;
  width: 100%; /*or whatever you want it to be*/
}

.child
{
  float: left;
  width: 50%;
}