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的藍色背景。