css - 水平滚动条问题 - 在较小的屏幕上

Question

我正在研究 http://www.lceonline.co.uk

在较小的屏幕分辨率(小于 1000 像素)上工作时，会出现水平滚动条。这发生在所有浏览器上。

我试过了

overflow-x : hidden;

但是网页的背景没有重复，就好像是一个很大的灰色背景。它也是一个 css-3 属性，一个我宁愿尝试避免的属性。

我查看了网站的 DIV 标签，但仍然看不出真正导致问题的原因。我还没有从头开始构建它，其他人在我之前就做过，我觉得他们使用了太多容器。

有人可以为我提供一个可能的解决方案来摆脱它吗？

谢谢

Answer 1

你的问题是

#page-container 和 #page-container2 都有 width:1000px;

如果你从这两个中删除宽度，滚动条就会消失，居中和灰色背景也会消失。