Html 超过浏览器时，Div高度停止

我创建了一个网站，在包装的每一面都有两根柱子，并让它们填满整个浏览器，除非网站内容超过浏览器的高度，在这种情况下，它会停止填充整个网站的高度

所以，我一直无法让这两个div填充整个页面，所以我希望得到一些帮助，因为它们使网站看起来整洁

问候

---

瑟伦（Søren）

你能用小提琴来显示你的代码吗。显示我们可以看到您的标记。只有当您将固定高度设置为100%时，这才是很自然的……她是网站设置的一个粗糙的小提琴。好的。但是当它被设置为100%时，它不应该充满整个事情吗？

body {
 background:red;width: 100%;height:100%;position:relative;overflow:auto;}

#pillarLeft{
 background:green;left:0px;top:0px;width:2.8%;height:100vh;z-index:-1;float:left;
 background-repeat:repeat-y;background-size:100%;overflow:auto;}

#pillarRight{
 background:green;left:0px;top:0px;width:2.8%;height:100%;float:right;z-index:-1;
 background-repeat:repeat-y;background-size:100%;overflow:auto;}

#Wrapper {
 width: 80%;heigth:100%;margin-top:5%;margin-left:7%;margin-right:7%;padding-top:1%;
 padding-bottom:20px;float:left;}