Question

在我目前正在处理的网页上，我遇到了一个错误。当您在某些计算机上的桌面上查看页面时，标题非常精细，宽度为100％，但页脚需要额外的宽度才能作为整页宽度。此外，在其他一些计算机上，即使添加额外的宽度也行不通。这些最终会在右侧留出一点空间。

非常感谢任何帮助。

Answer 1

您的代码中存在多个问题。

这样做;

body {
  margin: 0;
}

footer {
  margin-top: 50px;
  background-color: rgb(41, 41, 41);
}

.foot {
  position: relative;
  height: 100px;
}

Answer 2

在body上添加保证金0：

body {
    margin: 0;
}

从.foot

中删除额外的宽度

 .foot {
    position: relative;
    background-color: rgb(41, 41, 41);
    margin-top: 50px;
    height: 100px;
    /* width: 100.8744%; */
    /* bottom: -8px; */
    /* left: -8px; */
}

Answer 3

不同的浏览器设置不同的默认CSS规则。尝试包括reset.css或normalise.css（Google用于任何一个或用于＆＃34;重置vs标准化＆＃34;以查看差异）以删除这些默认值。

用户代理样式表被您在自己的样式表中设置的任何内容覆盖。因此，您的网页正文中设置了margin.So，我们必须在css中明确添加以下代码。

<强> CSS

body{
margin:0
}

标题很好，100％宽度不适用于页脚

3 个答案: