无论窗口大小如何，我都需要将背景颜色（灰色）向下移动以覆盖页面的长度

Question

我在我的网站上添加了一个评论部分，并且有一个按钮可以让您编辑评论，从而将您重定向到另一个页面。我设置了边距，因此内容不会隐藏在页眉或页脚的后面，但是现在我似乎无法找到一种方法来使背景色延伸到页面的最底部。

我弄乱了CSS中的位置，并且背景色确实延伸到了页面底部，但随后我的标题消失了。

我的CSS ...

#headerContainer {
    margin: -60px 0px 0px 0px;
    background-color:#333;
    height: 60px;
    width: 100%;
    position: fixed;
}
.editCommentBody {
    margin: 60px 0px 40px 0px;
    height: 100%;
    text-align: center;
    background-color: #ddd;
}

editCommentBody类是从标题到编辑按钮的所有内容。

Answer 1

尝试向主体添加所需的背景颜色，如下所示：

body { color: #ddd; }

Answer 2

尝试使用：

box-sizing: border-box;

Answer 3

您尚未在headerContainer样式中为固定位置设置值。
尝试为其提供left：value和top：value，并且，当您使用头寸时，页边距有时会不起作用，如果您的页边距甚至有效，它的top：-60px也会导致标题超出屏幕，请尝试以下操作：

    #headerContainer {
    margin:0px;
    background-color:#333;
    height: 60px;
    width: 100%;
    position: fixed;
    left:0px;
    top:0px;
}