jquery - 如何使用 overflow CSS HTML 移除滚动条(可能存在定位冲突)

Question

我已尽一切努力尝试删除底部滚动条，但似乎无法弄清楚。我不确定这是否与定位有关。

图像(横幅)应该是 2000 像素(宽度)乘 400 像素(高度)，但我希望它不会通过添加滚动条影响页面大小。

LIVE DEMO

CSS

#banner {
    margin:0 auto;
    background: #EAEAEA;
    position: relative;
    width:1000px;
    height:400px;
    display:block;
    float:none;
    top:160px;
}
#slideshow { 
    width: 1000px; 
    display:block;
    text-align:center; 
    position:absolute;
    left:-50%;
}
#slideshow > div { 
    position: absolute; 

}
.images {
    overflow-y:visible;
    width:1000px;
    height:400px;   
}

HTML

<div id="banner">
    <div id="slideshow">
        <div><a class="images" href="#"><img src="AG/images/bulbs.png"></a></div>
        <div><a class="images" href="#"><img src="AG/images/cables.png"></a></div>
    </div>
</div>  <!--END banner -->

提前致谢

更新

有没有办法只将溢出添加到横幅而不是整个页面？例如与 EXAMPLE 相同

Answer 1

只需添加:

body {
    overflow-x: hidden;
}