Css 隐藏绝对定位div上的滚动条

Css 隐藏绝对定位div上的滚动条,css,scroll,overflow,hidden,css-position,Css,Scroll,Overflow,Hidden,Css Position,我有一个div,它的位置是:绝对的,这个div扩展到我的站点包装的边界之外,因为它只包含一个滑块的背景图像,不需要一直被看到。问题是我无法解决如何阻止这个div触发滚动条。我尝试过溢出和位置的不同组合,但无法解决 如果您使用firebug检查元素,只需将其放置在滑块后面的阴影上,您就会看到有问题的div。您会注意到,一旦浏览器边界接触到滚动条,滚动条就会立即生效。 有人能告诉我如何阻止阴影div的滚动条出现吗 干杯 Nik这是DIV的大小。当我使用Chrome检查它时,CSS显示容器DIV设置

我有一个div,它的位置是:绝对的,这个div扩展到我的站点包装的边界之外,因为它只包含一个滑块的背景图像,不需要一直被看到。问题是我无法解决如何阻止这个div触发滚动条。我尝试过溢出和位置的不同组合,但无法解决

如果您使用firebug检查元素,只需将其放置在滑块后面的阴影上,您就会看到有问题的div。您会注意到,一旦浏览器边界接触到滚动条,滚动条就会立即生效。

有人能告诉我如何阻止阴影div的滚动条出现吗

干杯
Nik

这是DIV的大小。当我使用Chrome检查它时,CSS显示容器DIV设置为520px宽度,而有问题的DIV设置为733px,因此它实际上超过了980px宽度的中心区域。除非你想让阴影消失,否则我建议把它移到左边一点,把左边的div变小

您可以在body元素上使用CSS-overflow-x:hidden


想到的另一个更复杂的方法是使用jQuery检测窗口的大小,并根据窗口的大小调整有问题的div的大小。

首先,感谢那些评论

我已经想出了一个解决方案,允许我在保持文档宽度不变的同时保持布局不变。我所做的是在主包装器内创建一个包装器2,其宽度为浏览器窗口的100%全宽

#wrap2 {background: url(../css_img/slider-bg.png) no-repeat center 317px; }

解决这个问题的诀窍是确保图像位置设置为中心。这意味着在调整浏览器大小时,图像也将保持相对于内容的状态。我在滑块后面绘制阴影线的方法是在左侧添加空白像素,因此图像的宽度最终约为1200px,这将阴影部分推到了右侧。因为都是空白像素,所以只增加了1kb左右。如果有人认为有更好的解决方案,请告诉我

没看见,兄弟。你在用什么浏览器?@Joseph-Firebug暗示Firefox@AleksiYrttiaho正确,但是我在chrome上安装了firebug,这是我一直使用的浏览器。无论如何,我想确定一下。注意:我不会在FF中唱任何调皮的滚动条。我想你必须调整窗口的大小。当两边的边距约为60-80像素时,会出现滚动条。FF 5和Chrome 12.0.742.122都显示了这一点。为什么不将其设置为display:none?