html - 宽度 100% 页脚问题 - HTML CSS

Question

我有一个大问题。我正在设计着陆页，但页脚元素有问题!

我将它的宽度设置为 100%，但当我在浏览器中预览它时，它不是 100%，而是在左侧、右侧和底部留下了几个像素的边框。

这是页脚的 CSS:

footer {
width: 100%;
background: white;
height: 100px;
margin-top: 100px;

}

如果我添加类似以下内容，任何内容也会发生变化:left: 0px;底部:0px；或右:0px；

我该怎么办？

如果我没有很好地解释问题，这是一张图片。

http://tinypic.com/r/zsoh8m/6

Answer 1

您似乎没有重置 body 标签上的 padding 和 margin 值。浏览器在那里使用一组标准的 CSS 规则，其中通常包括一些填充和边距。

将此添加到您的 CSS:

body { margin: 0; padding: 0; }