Css 机构背景问题

我的网站在。正如您所看到的，我使用

minheight

标记做了一个CSS技巧，当窗口缩小时，页面容器可以无限地垂直滚动。问题在于，当您第一次加载站点时，背景中的灰色（来自

body

标记）与页面容器中的白色背景重叠。有人知道它为什么会这样做，我如何才能着手修复它，使灰色始终留在背景中吗？我想尽一切办法来解决这个问题，但我想不出问题所在

---

提前谢谢你的帮助。我很感激。

我看不出你的问题，但我认为这会奏效：

html {
height: 100%;
width: 100%;
min-height: 100%;
background-color: gray;
background-attachment: fixed; /* may be overkill */
}

---

在style.css的第59行， 改变

到

---

谢谢你的回复。当我使用该代码时，它使我的

html

标记在Chrome中查看代码时无法正确显示。为什么呢？当我检查窗口时，

html

标记没有一直延伸到窗口的底部边缘。但不管怎样，我认为我的小重叠问题的延迟可能与页面速度有关，因为当我取下广告时，页面速度不起作用。@jtarr523这就是为什么我没有看到你的问题的原因。。。我正在使用广告屏蔽扩展。不过，我将再次查看您的代码。谢谢您的回复。但是当我这样做的时候，我的

html

和

body

标记在Chrome中查看代码时（当你检查元素时）不会一直延伸到底部。有什么原因吗？试着添加一个！元素的重要标记。。奇怪的是，这不起作用，因为它应该起作用。html，body{height:100%！important；}当我尝试它时，它确实扩展到了底部，是的，它在chrome inspect元素中，但在Firefox的Firebug中也是如此。。您是否替换了css中的现有代码？尝试在style.css的底部创建一个新元素（只粘贴我在这篇评论中给你的代码）当它在Chrome Inspect元素中工作时，我拍摄了一张css的屏幕截图，容器实际上延伸到了窗口的底部，但出于某种原因，即使主体和标记的高度都是100%，这两个元素在页面的一半处移动，然后停止。当我在Google Inspect元素中分析这些元素时，也就是说，据我所知，你的问题是，这个网站现在可以工作了吗？白色背景现在一直延伸到底部，灰色背景在后面。缩小时，html和body标记会拉伸到底部。。你能不能指定什么东西因为我看不到而在页面上只显示了一半？当然，除了页面提要之外，还会扩展更多内容吗？

  html, body {
    min-height: 100%;
    }

 html, body {
    height: 100%;
    }