水平滚动条问题

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

来源

2011-09-25 Tural Ali

您的测试页未打开。请修复它或张贴一些代码和/或小提琴。 – Sparky

这是大量的代码来挖掘。也许你可以在你的问题中发布相关部分。 – Sparky

好的。 thx for“help” –

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

没有看到页面，我只能给出以下通用建议：这可以通过删除导致问题或减少宽度的样式属性来解决，直到问题消失。

编辑：

看着你的页面后，你似乎没有你说的有问题。你只是有太多（太大/宽）的内容并排。当我使浏览器的窗口宽度大约为1700像素时，水平滚动条消失。与编程相比，这是布局差的问题。

EDIT 2（根源/溶液）：

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

来源

2011-09-25 00:46:24 Sparky

@ L0rdDEVdem0rt，评论应保持在最低限度和主题。 – Sparky

您正在使用哪个浏览器？有js获取宽度和高度并将其发送到php。 –

@ L0rdDEVdem0rt，我在Mozilla和Webkit浏览器中看到了同样的情况。如果用户可以将他的窗口制成大约1700像素的宽度，则没有水平滚动条。 – Sparky

你会想你想消除滚动条的元素上使用

overflow:hidden

。

或者，你可以使用jQuery：

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

编辑：

您的布局是1920×1200。我现在有这个决议，我永远不会把我的浏览器窗口最大化。它总是小20到25％。

大多数（如果不是98％）网站布局的最大宽度是960px。我看着你的CSS（很好，尝试禁用右键单击BTW），你的左右列都是200px EACH，而你的主内容宽度是1460px。我想你会看到我要去的地方。我很抱歉，但只有这样，您才能获得无滚动条的唯一方法就是重新制作布局，其中所有内容都适合1000像素或更小的布局。最好少一点。需要检查的重要一点是屏幕分辨率统计信息，它有助于确定用户在某个屏幕分辨率下运行的百分比。这将有助于您定位您的首选受众群体。

TL; DR

你得重做你的整个布局，它太宽为广大用户在那里..

来源

2011-09-25 00:52:04

你没有看到你的地址栏吗？ JS文件得到您当前的解决方案并将其发送到php文件。 Php会根据您的分辨率计算整个css的宽度和高度。清楚吗？ –

+1以反击OP的反对票。你的回答可以解释这个问题，但请参阅我编辑＃2的解释。 – Sparky

@ Sparky672 +1，谢谢你的解释。 –

水平滚动条问题

回答

相关问题