使子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

是说你在找什么？