html - 水平滚动条问题

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 可以通过查看浏览器的“视口(viewport)”(窗口)宽度而不是计算机的“显示”宽度来解决这个问题。