CSS：親/子の高さの問題

Question

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

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

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

私はこれがあなたにとってプロのための簡単なものだと確信しています。

おかげで、

トムは

はここに私のコードです：http://jsfiddle.net/tomperkins/wy52B/

Answer 1

チェックアウトthis wayフロートをクリアする、それは多くのクリーナーだと使いやすいです。

Answer 2

clearfix

を使用しないでくださいそれはほとんどの状況では不要だし、それは間違いなくないセマンティックです。

ほとんどの場合の簡単な解決策：親を浮動させる。

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%; 
}