HTML滚动DIV布局问题

Question

我试图符合下列要求设计一个HTML页面：

• 固定头（headerBox）和页脚（footerBox）元（不应该滚动）
• 内容区域包含一个顶部（宽度为100％，contentBoxMap），其可以在整个内容区域被expanned元件
• 左（contentBoxLeft）和右（contentBoxRight）内容元素的顶部内容元素（contentBoxMap）
下方10
• 正确的内容元素（contentBoxRight）应该展开到底部并在有溢出时滚动。

我想出了一个solution [jsbin]，几乎可以工作。在页脚下面流动的正确内容元素中存在一些溢出问题。参见下图为例： alt text http://img541.imageshack.us/img541/897/screenshot150206.png

问：

1. 谁能告诉我如何解决溢出问题contentBoxRight？如果你能告诉我目前的解决方案有什么问题，我也很高兴。

2. 这甚至一个好办法做到这一点，考虑浏览器的兼容性？最后，在IE 7+，FF 3+​​，Safari 3+上看起来应该是一样的。 IE6和歌剧应该看起来不错，但它不是问题，如果它不同。

感谢您的任何提示。

Answer 1

您可以在#contentBoxRight中删除属性height:100%;，然后修复#contentBox的蓝色背景。