javascript - 具有 100% 高度的正文和 html 不会随子 div 展开

Question

这是我的网站: http://iguanawebb.se

我希望网站始终垂直覆盖浏览器窗口。我已经将 body、html 和 #wrapper 设置为 height: 100%;这样就完成了工作。

但是，如果我在页面上添加的内容足以超过我的浏览器窗口高度。正文、html 和包装器不会随内容展开。这使得内容超出了主体、html 和包装器。我在 13 英寸的 macbook 屏幕上，页面“服务、支持 OCH PROVMONTAGE”看起来正是我想要的样子，因为没有足够的内容可以超过我的浏览器窗口的高度。

如果我点击“OM OSS”，问题就会出现，因为内容更多。在过去的两天里，我一直在谷歌和每个论坛上搜索解决方案，但我找不到解决方案。我需要某种 javascript 还是什么？

Answer 1

从 #left 和 #right 中移除 height:100% 和 background。将此代码添加到您的 CSS:

#wrapper{
    position:relative;
    oveflow:hidden;
}
#wrapper:before{
    content:'';
    position:absolute;
    background:#000;
    background:rgb(26,26,26); 
    background: rgba(26,26,26, .85);
    border-right:670px #313030 solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    height:100%;
    z-index:-1;
    top:0;
    left:0;
}