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

Question

我面临的问题

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

下面两个div都居中：

980px包装，左1像素&右黑边

在它的正下方有一个982倍宽的页脚，它没有正确对齐——它在左上粘了1倍

可以在此处看到

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 {
 position: relative;
 left: 1px
}

Answer 3

也许不是您想要的，但我认为您的#footer-facebook条在width中也缺少2个像素。

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