我面临的问题
布局:在页面顶部有980px宽度菜单,以固定位置为中心,在网站向下滚动时保持不变
以下div都集中在一起:
980px包裹1px左右黑色边框
在它下方有一个宽度为982px的页脚,它没有正确对齐 - 它向左侧贴了1px
在这里可以看到
你可以使用:
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
并将您的宽度设置为980px;
也许不是你想要的但我认为你的 #footer-facebook 栏在 width 中也缺少2个像素 .
#footer-facebook
width
我再次检查它,对我看起来这些div有不同的大小,你遇到问题的是982px,而其他的是980px .
解决这个问题的一种便宜方法是删除它:
.home #footer { border: medium none; }
然后#footer添加:
#footer { position: relative; left: 1px }
3 回答
你可以使用:
并将您的宽度设置为980px;
也许不是你想要的但我认为你的
#footer-facebook
栏在width
中也缺少2个像素 .我再次检查它,对我看起来这些div有不同的大小,你遇到问题的是982px,而其他的是980px .
解决这个问题的一种便宜方法是删除它:
然后#footer添加: