Question

我有一个大问题。我设计了一个登陆页面，但我的页脚元素有问题！

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

这是页脚的CSS：

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

}

如果我添加一些东西，也会发生任何变化：left：0px;底部：0px;或者右：0px;

我该怎么办？

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

Answer 1

似乎父元素（可能<body>或任何<div>）具有固定的宽度或一些边距和/或填充。

width:100%;获取父元素提供的所有可用空间。例如，如果父级的宽度为700px，那么您的页脚也将使用。

Answer 2

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

将此添加到您的CSS：

body { margin: 0; padding: 0; }

Answer 3

它看起来像是你的身体元素的边缘/填充而不是页脚本身的边距/填充。尝试将以下内容添加到您身体的CSS标记中：

body
{
  margin:0;
  padding:0;
}

还要将这两个属性添加到您的页脚css标记中，以确保它不会从其他元素继承任何内容。

Answer 4

这看起来是边距/填充问题。您可以重置主体的填充和页脚的边距，使其覆盖100％宽度

body {
    margin: 0px;
    padding: 0px;
}

footer {
    margin: 0px;
}