與CSS的全高度列？

Question

http://jsfiddle.net/ww7dN/

我想設計一個網頁，是「分裂」 2種顏色一路下跌（綠左藍在右邊）。在每一部分，我想列一欄。第一個問題是顏色不能填滿整個頁面。第二個問題是，當我調整頁面的大小時，水平滾動條不會出現。

我在做什麼錯？或者你有更好的方法來實現這種效果？

如果這與CSS複雜，我不介意jQuery解決方案。謝謝！

Answer 1

你#container沒有位置，以便其子女不知道是誰（女鞋），以填補......

​​

嘗試加入的#container：

#container { 
    position:absolute; 
    height:100%;width:100%; 
    left:0;top:0; 
} 

---

對於第二個問題，請將 overflow:hidden更改爲 overflow:auto;以便水平滾動。從您的評論

更新 嘗試增加

BODY { 
    overflow-y:auto; 
} 

您body的CSS

Answer 2

提供的位置是：絕對的左格;

Answer 3

嘗試改用以下CSS這樣的：

#public { 
position: absolute; 
width:100%; 
height:100%; 
color:#fff; 
} 
#publiC#container { 
height:100%; 
} 

此外， 溢出：隱藏防止出現滾動條。