水平滚动条问题

Question

我为所有主要div设置了width为100％，但仍然存在水平滚动条。无法解决这个问题。如何删除它？我不知道为什么会出现。请看一下我的测试页面。 http://aquastyle.az?lang=en

Answer 1

我无法打开您的测试页，但这通常是因为填充，阴影或边框应用于100％宽度元素导致其渲染宽度超过100％。

如果没有看到页面，我只能提供以下通用建议：可以通过删除导致问题的样式属性或减小宽度来解决此问题。

修改

查看您的页面后，您似乎没有遇到问题。你只是有太多（太大/广泛）的内容并排。当我使浏览器的窗口宽约1700像素时，水平滚动条消失。这是一个布局不佳而不是编程的问题。

编辑2（根本原因/解决方案）：

似乎OP的PHP程序正在计算“显示”宽度并相应地放置内容。问题是“浏览器窗口”宽度与“显示”宽度不同。我的显示器宽度为1680像素，OP的PHP程序正确报告。当然，我的浏览器窗口不是1680像素宽，更像是1000-1200像素，所以当我使浏览器窗口超过1680像素时，我得到一个长的水平滚动条消失。考虑到垂直滚动条的宽度，你实际上必须使浏览器窗口比显示器宽约20个像素，以使水平滚动条消失（对我来说总共大约1700像素）。我想OP可以通过查看浏览器的“视口”（窗口）宽度而不是计算机的“显示”宽度来解决这个问题。

Answer 2

你想要使用

overflow:hidden

在您尝试消除滚动条的元素上。

或者，您可以使用jQuery：

$("body").css("overflow", "hidden");

修改

您的布局是1920x1200。我现在有这个分辨率，我从来没有最大化我的浏览器窗口。它总是小20％到25％。

大多数（如果不是98％）网站布局的最大宽度为960px。我查看了你的CSS（很好的尝试禁用右键单击BTW），你的左右列都是200px EACH，而你的主要内容宽度是1460px。我想你知道我要去哪里了。对不起，但是你唯一没有得到滚动条的方法就是重做你的布局，其中所有东西都适合1000px或更少的布局。最好少。要检查的重要一点是屏幕分辨率统计信息，它有助于确定在特定屏幕分辨率下运行的用户百分比。这有助于您定位首选受众群体。

<强> TL; DR

你必须重做整个布局，对于那里的大多数用户来说它太宽了。