0

我想知道是否有可能获得这样的布局跨浏览器兼容。我想在一个容器 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。

4

1 回答 1

1

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

于 2013-07-06T14:05:41.977 回答