是什么让这个水平滚动条弹出？答案

【问题标题】：What is making this horizontal scroll bar pop up?是什么让这个水平滚动条弹出？
【发布时间】：2012-11-19 08:33:26
【问题描述】：

我正在为自己构建一个单页网站，但有一个小但烦人的（对我而言）错误。

我正在努力使其对媒体查询友好，到目前为止，我所学到的一切都很好。困扰我的是，当网站水平调整大小时，有一部分水平滚动条会闪烁。

您可以在屏幕截图中看到位置。它的宽度约为 767px。

我认为它可能来自 1140.css 文件，这是我用来使其响应的框架，但我不知道是什么原因导致它或如何修复它。

您可以查看我的网站：

【问题讨论】：

【解决方案1】：

在 Chrome 中给它一个爆炸看起来是由于

media="screen" 1140.css:10
.container {
    padding-left: 20px;
    padding-right: 20px;
}

如果这两个都关闭，滚动条不会出现.. 至少对我来说。

【讨论】：

啊，是的，这也适用于我。我认为它必须做一些多余的填充或边距。感谢您为我调查此事。希望将这些评论出来不会太危险：P
虽然这可能并不理想，但您可以向容器添加另一个类（或者甚至可能只是 body > .container），然后删除其上的 padding-left/right。这样你就不会打扰其他任何事情了。
既然 .container 没有其他关联，那不就是将填充移动到另一个类吗？
是的，它会将填充添加到一个额外的类中，但是您可以在其他地方使用 .container 并让它按照应有的方式设置样式，而不是您设置的样式。