Question

我有一个定位的div：absolute，这个div扩展到我的网站包装器的边界之外，因为它只包含滑块的背景图像，不需要一直看到。问题是我无法解决如何停止此div触发滚动条。我尝试过不同的溢出和位置组合，无法解决这个问题。

如果您使用firebug检查元素，只需将其放在滑块后面的阴影上，您将看到有问题的div。您会注意到，一旦浏览器界限触及它，滚动条就会启动。 View link

任何人都可以让我知道如何停止出现影子div的滚动条吗？

干杯 NIK

Answer 1

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

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

其他更复杂的方法是使用jQuery来检测窗口的大小，并根据窗口的大小调整有问题的div。

Answer 2

首先，感谢那些评论过的人。

我提出了一个解决方案，允许我在保持文档宽度的同时保持布局相同。我所做的是在主包装器中创建一个＃wrap2，其宽度为100％（浏览器窗口的全宽）。

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

这方面的技巧是确保图像位置设置为中心。这意味着在调整浏览器大小时图像也将保留相对于内容的内容。我在滑块后面添加阴影线的方法是在左侧添加空白像素，因此图像最终宽约1200px，这推动阴影部分正确。因为它都是空白像素，所以它只增加了大约1kb。如果有人认为有更好的解决方案，请告诉我。