页面宽度超过屏幕宽度的 100%答案

【问题标题】：Page width exceeds the 100% of the screen width页面宽度超过屏幕宽度的 100%
【发布时间】：2012-08-14 02:38:34
【问题描述】：

我有一个奇怪的问题，我在设计一个页面，完成后发现页面底部有一个水平滚动条，我查看了页面html但是发现每个标签都有一个关闭标签.

我还尝试使用 jQuery 检查宽度并发现 $(window).width() = 1351px 和 $(document).width() = 1480px

关于这个问题的原因有什么建议吗？

【问题讨论】：

【解决方案1】：

这个问题来找我了，我搜索了完整的页面，有一个宽度为 10000 的 div，因为页面显示了一个水平条，我已将其更改为 100%，问题已解决，我想知道为什么这个问题只出现在 chrome 和 edge 中，而不出现在 Firefox 中

如果您的问题仅出现在 chrome 中而不出现在 Firefox 中，请在下方评论。

修复后的代码是

<div id="ext-comp-1025" style="height: auto; width: 100%;"

【讨论】：

【解决方案2】：

我发现最简单的方法是通过

* {
  max-width: 100%;
}

【讨论】：

【解决方案3】：

使用您的网络检查器检查并删除内部元素，直到滚动条消失。然后修复该元素的宽度（float:left 可能有效）。可能正在发生的事情是有一个元素对于页面来说太宽了。它没有破坏任何东西，它只是导致滚动条。

【讨论】：