Css 是什么使这个水平滚动条弹出?

Css 是什么使这个水平滚动条弹出?,css,responsive-design,horizontal-scrolling,fluid-layout,fluid,Css,Responsive Design,Horizontal Scrolling,Fluid Layout,Fluid,我有一个一页的网站,我正在为自己建设,我有一个小,但恼人(对我来说)的错误 我正在努力使它对媒体查询友好,到目前为止,我所学到的都是好的。困扰我的是,当网站水平调整大小时,有一部分水平滚动条会闪烁 您可以在屏幕截图中看到位置。大约767px的宽度 我想它可能来自1140.css文件,我正在使用这个框架使它具有响应性,但我不知道是什么导致了它或者如何修复它 您可以查看我的网站: 从铬合金上给它一个冲击看来,这是由于 media="screen" 1140.css:10 .container {

我有一个一页的网站,我正在为自己建设,我有一个小,但恼人(对我来说)的错误

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

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

我想它可能来自1140.css文件,我正在使用这个框架使它具有响应性,但我不知道是什么导致了它或者如何修复它

您可以查看我的网站:


从铬合金上给它一个冲击看来,这是由于

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

如果这两个选项都已关闭,则不会显示滚动条。。至少对我来说是这样。

它是特定于浏览器的吗?我没有得到ChromeThanks的滚动条来帮我研究这个。我在OSX中使用Chrome。可能必须缓慢滚动。这是OSX 10.8上meChrome、Safari、Firefox和Opera的可复制版本;它们都不显示滚动条。请缓慢滚动。我已经在OSX 10.8的Chrome和Safari中复制了这个问题。它只显示在767px浏览器宽度的一两个像素范围内。好的,当我仔细调整窗口大小时,可以复制它。啊,是的,这对我也适用。我想它必须做一些额外的填充或边距。谢谢你帮我调查这件事。希望注释这些内容不会太危险:尽管这可能并不理想,但您可以向容器中添加另一个类(或者甚至只添加body>.container),然后删除该容器上的左/右填充。这样,您就不会再麻烦其他任何事情了。既然没有其他与.container相关的内容,那么这不就是将填充移到另一个类吗?是的,它会将填充添加到一个额外的类中,但是您可以在其他地方使用.container,并使其按照预期的方式进行样式设置,而不是按照您的预期方式进行样式设置。