与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%; 
} 

此外， 溢出：隐藏防止出现滚动条。