html - 如何用页脚覆盖所有空间？

我不太明白为什么页脚（和页眉）不占用所有空间？我将该<body>部分分为 3 个部分：1) div header，2) div wrapper，3) div footer（这样我就可以分别控制每个部分）。

Div 包装器（应该很窄）

.wrapper {
display: block;
width: 100%;
max-width: 980px;
margin: 20px auto;
padding: 20px;
border: 1px solid black;}

Div 页脚（在屏幕上应该是 100% 宽）

.footer {
margin: 0px;
padding: 0px;
background-color: black;
height: 200px;
color: orange;
width: 100%;}

我怎样才能让它覆盖所有空间（就像在这个网站上一样，标题占据了所有空间，但主要内容部分更窄）。

先感谢您！

标签： htmlcss

似乎您没有重置body大多数浏览器默认添加的默认边距。为此，请添加以下内容：

body {
  margin:0;
}