css - 980px 换行，左侧 1px 和边框 + 2 页脚，其下方大小相同，未正确对齐

Question

我面临的问题

布局：在页面顶部有一个980px宽度的菜单，以固定位置为中心，当网站向下滚动时它保持不变

下面的两个 div 都居中：

980px 环绕，1px 左右黑色边框

在它的正下方有一个宽度为 982px 的页脚，它没有正确对齐 - 它向左粘贴 1px

可以在这里看到

Answer 1

你可以使用：

        -moz-box-sizing: border-box; 
     -webkit-box-sizing: border-box;
             box-sizing: border-box; 

并将宽度设置为 980px；

Answer 2

解决此问题的一种廉价方法是删除它：

.home #footer {
  border: medium none;
}  

然后在#footer 中添加：

#footer {
 position: relative;
 left: 1px
}

Answer 3

也许不是您要找的东西，但我认为您的#footer-facebook条形图也缺少 2 个像素width。

我又检查了一次，在我看来，这些 div 的大小不同，你遇到的问题是 982px，而其他的是 980px。