【发布时间】：2013-07-06 22:05:41
【问题描述】：
我想知道是否有可能获得这样的布局跨浏览器兼容。我想在一个容器 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。
【问题讨论】：
标签： css cross-browser height html