为什么网站上有额外的20px？

Question

我正在开发的网站右侧有20个左右的像素。我一直在梳理CSS并且似乎无法找出原因。除非你滚动，否则在计算机上查看它时并不那么引人注目。这在移动设备上很明显。您可以在此处查看实时示例http://gregtregunno.ca

Answer 1

在你的css footer{中，更改

padding:10px;

到

padding:10px 0;

是将它扔掉的填充物。

CSS中的472行。

Answer 2

因为您将页脚的宽度设置为100％ plus 给它填充。删除填充，或将规则box-sizing: border-box;添加到页脚规则。