Javascript 100%高度的正文和html不'；t使用子div扩展'；s

这是我的网站：

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

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

---

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

看看这个例子：

HTML 内部带有

div

：

没有内部的

div

：

---

您可以删除内部的

div

来查看它的反应。整个浏览器屏幕都会有背景。这是因为使用了

min height:100%；

发布我发现的修复方法太简单了，不会教您任何东西。在包装器中有一个高度为100%的元素。找出这是哪个元素，然后重新发布这100%是什么意思？一旦你理解了，从该元素中删除100%，你的问题就解决了。

从

\left

和

中删除
高度：100%
和
背景
。将此代码添加到你的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;
}

最好设置最小高度，使其为100%最小值，然后在必要时展开

body {
    min-height: 100%; 
}

但这并不是真正让你感到麻烦的地方，你有很多未清理的浮动元素。我试着移除所有的浮动并设置“最小高度”，身体会按照你的要求展开

注：问题不在于你对元素进行大小调整的方式，即使有些元素很奇怪。请使用inspector试试。
当你使用
min height:100%；
？@user3008011我认为这本身就是一个解决方案。将其作为答案发布！@user3008011是的，我做了同样的事情，已经创建了一个答案。@Rud戴伊：那就不要给你饼干了：p@NoobEditor我不需要Cookie，我有Jaffa蛋糕。：DAgree，问题似乎是未清除的浮动元素。你应该添加一个div，并使用
style=“clear:both；“
在所有的浮动div之后。+1用于教人钓鱼！在你获得了一些关于事物如何组合的经验后，CSS变得不那么令人沮丧。我非常感谢你回答问题的方式。不幸的是，我仍然无法解决问题。非常感谢你！这对我帮助很大。页面“OM OSS”“看起来就像是应该的。但是现在“服务，支持OCH”页面是错误的。看起来也应该这样，但是页面不是100%在那里。那一页的底部有个缺口。我希望页面在该页面上也是100%高。我找到了解决方案。我不得不在包装纸上加上100%的高度
#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;
}

body {
    min-height: 100%; 
}