浏览器上的水平滚动条指示右侧的空白区域，如何修复？

Question

当我的网站缩小并出现水平滚动条时，会在页脚右侧的网页右侧显示一个空格。

我怎么能解决这个问题？网址：http://www.deserved.nl/shop/home.html

Answer 1

问题是您要将wrapper的宽度定义为1141px，将footer定义为100%。这意味着当宽度小于1141px时，您将有一个水平滚动条，但您的页脚仍将是窗口大小的100％，从而导致右侧的空白区域。

Answer 2

@Jeff B：如果将此作为单独答案添加而不是作为对您答案的评论，请告诉我。

杰夫是对的，但为了澄清我会这样做：

1. 从班级padding-left: 180px;
中删除.footerWrapper样式
2. 从width: 100%;
移除#footer
3. 将min-width: 1141px;添加到#footer

这应该照顾白色空间。

Answer 3

删除页脚结束标记</div>和</body>

之间的空格

所以这样：</div></body>