Question

我在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（需要适应的那个）有很长的溢出内容：滚动

你能帮我吗？

由于

Answer 1

为此，您可以显示：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/

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

1 个答案: