左div滚动和右div延伸布局高度/跨浏览器兼容？

Question

我想知道是否有可能让这种布局跨浏览器兼容。我想在容器div中并排放置两个div。右边div的内容应该拉伸整个布局的高度，换句话说，拉伸容器div的高度。

在左边的div中，我想要一个具有固定高度的页眉和页脚div。在这两个div之间，我想有一个可滚动的内容div。随着正确div的内容增长，这个div应该延伸。

我在谷歌浏览器中使用此功能：http://cssdesk.com/PFNuX

但是，它在IE和FF中不起作用。

我尝试了各种带浮动div的解决方案，带有表格，div显示为表格等，但我的解决方案都没有正常工作。只有上述解决方案有效并且只适用于Chrome（我还没有尝试过Opera和Safari）。

我的猜测是，通过使用一些jQuery或一些JavaScript，我可以在所有浏览器中使用它，但我还没有尝试过。我更喜欢一种适用于所有现代浏览器的解决方案，只使用CSS而不使用JS。

Answer 1

您必须使用Javascript调整<div>的大小以适应内容。