子divを自動高さの親divの高さにします

Question

contentAreaとサイドバーの2つの浮動要素を含むラッパー要素があります。 contentAreaは最も多くのコンテンツを持ち、したがってラッパー要素の高さを決定します。私はサイドバーがラッパーdivの下端にも触れるようにしたい。それ、どうやったら出来るの。これは基本的なワードプレスのブログレイアウトです。

HTML：

<div id="wrapper" class="clearfix"> 
    <div id="content"> 
     GROWS REALLY TALL AS HAS SO MUCH CONTENT 
     GROWS REALLY TALL AS HAS SO MUCH CONTENT 
     GROWS REALLY TALL AS HAS SO MUCH CONTENT 
     GROWS REALLY TALL AS HAS SO MUCH CONTENT 
     GROWS REALLY TALL AS HAS SO MUCH CONTENT 
    </div> 
    <div id="sidebar"> 
     WANT'S TO BE AS TALL AS CONTENT. 
     height:100%; /* doesn't work */ 
    </div> 
</div> 

はCSS：

#wrapper{ 
    height:auto; 
    width:100%; 
} 
#content{ 
    height:auto; 
    width:625px; 
} 
#sidebar{ 
    height:100%; 
    width:335px; 
} 

すべての助けに感謝。

おかげ

Answer 1

は、あなたが探しているものをthatですか？