隐藏溢出不起作用

Question

Heyo，我使用2000px宽度的图像作为960px宽度网页的背景。我试图制作它，这样当图像的一部分位于可见的右侧时，它不会显示水平滚动条，但我想要做的就是不适合我。

涉及两个ID。一个是'bg'，背景图像作为背景，位于我想要的位置，而另一个是'bg_holder'，只包含'bg'，我试图用它整齐地覆盖可见的网页区域并隐藏它的溢出使突出的背景图像部分不会导致滚动条。但是这似乎不起作用，因为当可见网页右侧有一部分图像时会创建滚动条（但不是当它在左侧时）。

此CSS代码段有什么问题吗？这个片段之外的东西可能是问题的根源吗？我可以采取另一种方法吗？

#bg_holder {
position: absolute;
overflow: hidden;
min-width: 960px;
top: 0px;
left: 0px;
right: 0px;
height: 100%;

}

#bg {
background: url(../img/bg.jpg);
position: absolute;
height: 1050px;
width: 2000px;
margin-left: -1366px;
left: 50%;
z-index: -1;

}

Answer 1

要回答你的问题，通过绝对定位#bg，你可以将它从文档流中取出/从它的父元素中取出，所以overflow：hidden不起作用。

作为附加注释，当您将背景图像直接放在#bg_holder中时，可以将背景图像准确定位在您想要的位置（x，y），似乎没有必要将背景放在单独的div中。据我所知至少，但我没有看到你的其余代码，也不知道你想要达到的目的。