HTML滚动div布局问题

Question

我正在尝试设计一个符合以下要求的HTML页面：

• 固定标题（headerBox）和页脚（footerBox）元素（不应滚动）
• 内容区域包含可在整个内容区域上展开的顶部（宽度100％，contentBoxMap）元素
• 顶部内容元素（contentBoxLeft）下方的左侧（contentBoxRight）和右侧（contentBoxMap）内容元素
• 正确的内容元素（contentBoxRight）应展开到底部，如果有溢出则滚动。

我想出了一个几乎有效的solution [jsbin]。问题是在页脚下方流动的正确内容元素中存在一些溢出。请参阅以下图片作为示例： alt text http://img541.imageshack.us/img541/897/screenshot150206.png

问题：

1. 有人能告诉我如何解决contentBoxRight中的溢出问题吗？如果你能告诉我当前解决方案的问题，我也很高兴。

2. 考虑到浏览器兼容性，这是否是一个很好的方法呢？最后，在IE 7 +，FF 3 +，Safari 3+上应该看起来一样。 IE6和Opera应该看起来不错，但是如果它与abit不同则无关紧要。

感谢任何提示。

Answer 1

您可以删除height:100%;中的媒体资源#contentBoxRight，然后修复#contentBox的蓝色背景。