Html 水平滚动条问题

我已经将所有主div的宽度设置为100%，但仍然有水平滚动条。不能解决那个问题。如何删除它？我不知道它为什么会出现。请看一下我的测试页面

我无法打开您的测试页，但这通常是由于对100%宽度元素应用了填充、阴影或边框导致其渲染宽度超过100%时造成的

在看不到页面的情况下，我只能给出以下一般性建议：可以通过删除导致问题的样式属性或减小宽度来修复此问题，直到问题消失

编辑：

在查看页面后，您似乎没有遇到所描述的问题。你只是有太多太大/太宽的内容并排出现。当我将浏览器窗口设置为1700像素宽时，水平滚动条消失。与其说是编程问题，不如说是布局问题

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

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

您会想使用

overflow:hidden

在试图从中消除滚动条的元素上

或者，您可以使用jQuery：

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

编辑：

您的布局是1920x1200。我现在就有了这个解决方案，而且我从来没有在我的浏览器窗口中最大化过。它总是小20%到25%

大多数（如果不是98%）的网站布局最大宽度为960px。我看了你的CSS，很好地尝试了禁用右键点击，你的左栏和右栏都是200px，而你的主要内容宽度是1460px。我想你明白我的意思了。我很抱歉，但是你要想不得到滚动条，唯一的办法就是重做你的布局，使所有的东西都适合1000像素或更少的布局。最好少一点。需要检查的一个重要事项是屏幕分辨率统计数据，它有助于确定以特定屏幕分辨率运行的用户百分比。这将有助于您瞄准首选受众

TL；博士

---

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

你的测试页面没有打开。请修复它或发布一些代码和/或一把小提琴。这是一个巨大的代码挖掘。也许你可以只发布问题中的相关部分。如果你需要帮助，你必须愿意在发布问题时付出一些努力。看一下屏幕截图。你看到地址栏了吗？js检测高度和宽度并将其发送给php。你看到滚动条了吗？是的，在每个浏览器中打开窗口时，内容都是一样的。还有一个水平滚动条，因为有太多的并排内容无法放入窗口。当我将窗口设置为大约1700像素宽时，水平滚动条会消失，因为这样所有内容都可以放在窗口中。@L0rdDEVdem0rt，评论应该保持在最小的范围内，并且是基于主题的。您使用的是哪种浏览器？有一个js可以获取宽度和高度并将其发送到php。@L0rdDEVdem0rt，我在Mozilla和Webkit浏览器中看到了同样的情况。如果用户可以将窗口设置为1700像素宽，则没有水平滚动条。我们可以通过skype或任何其他im聊天吗？StackOverflow不是这样工作的。。。问题/答案/评论应该对每个人都有利。我的截图看起来就像你贴的。你没看到你的地址栏吗？JS文件获取您当前的解决方案并将其发送到php文件。Php使用您的分辨率计算整个css的宽度和高度。清楚了吗？+1来反击OP的否决票。你的答案举例说明了这个问题，但请参阅我的编辑2了解解释。我认为这是最大宽度的问题。我有类似的问题，我已将主体的“最大宽度”设置为1310px以解决该问题。但我不知道确切的概念。