使子div与自动高度父div一样高

Question

我有一个包含两个浮动元素contentArea和侧边栏的包装元素。 contentArea的内容最多，因此决定了包装元素的高度。我想让侧边栏触摸包装div的底边。我怎么做。这是一个基本的WordPress博客布局。

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你在找什么？