标题很好，100％宽度在页脚上不起作用

Question

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

任何帮助将不胜感激。

Site

CSS

Answer 1

添加保证金0上body：

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 2

你在你的代码的多个问题。

做到这一点;

body { 
    margin: 0; 
} 

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

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

Answer 3

不同的浏览器设置不同的默认CSS规则删除多余的宽度。尝试包括一个reset.css或normalise.css（谷歌任一或“复位vs正常化”以查看差异）来删除这些默认值。

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

CSS

body{ 
margin:0 
}