2个div,适应顶部保持底部固定高度

时间:2012-09-04 07:55:09

标签: layout css3

我在stackoverflow周围搜索但我找不到答案。这是问题所在:

我有两个div,一个在另一个之上。我想让顶部的div根据下面div的高度调整高度。

<div id="parent" style="height:300px">
   <div id="div1" style="height:auto"></div>
   <div id="div2" style="height:45px"></div>
</div>

这是因为我打算显示/隐藏底部div,顶部div必须调整大小以填充父div。

我忘了提到第一个div(需要适应的那个)有很长的溢出内容:滚动

你能帮我吗?

由于

1 个答案:

答案 0 :(得分:0)

为此,您可以显示:table 属性。写得像这样:

#parent{
 display:table;
 height:300px;
 width:100%;
}
#parent > div{
    display:table-row;
}
#div1{
    background:red;
}
#div2{
    background:green;
    height:45px;
}

选中此http://jsfiddle.net/7NuFr/