css - 3个div，如何仅自动调整2个，用于模板

Question

我有一个用于每个页面的网站模板。我想让 2 个 div 自动调整内容的大小。

http://jsfiddle.net/agroe070/9QGjH/2/

如果蓝色 div 的内容大于 div，我希望 div 自动调整大小以适应内容，并且我希望绿色 div 也自动调整大小，因此绿色 div 的底部仍然与橙色 div 的底部。反之亦然。橙色 div 永远不会重新调整大小。

Answer 1

使用 min-height 而不是 height 我认为它会解决你的问题

Answer 2

这些是我更改的 CSS 声明，它似乎可以按要求工作：

#wrapper{
    /* your other stuff */
    position: relative; /* to position the sidebar relative to this element */
}
#sidebar{
    position: absolute;
    top: 0;
    bottom: 50px;
    left: 10px;
    width: 190px;
    /* other stuff */
}

JS 小提琴演示。