0

この下部のスクロールバーを削除しようとあらゆることを試みましたが、理解できないようです。ポジショニングの関係かどうかはわかりません。

画像（バナー）は2000px（幅）×400px（高さ）のはずですが、スクロールバーを追加してページサイズに影響を与えないようにしたいと思います。

ライブデモ

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と同じ

4

2 に答える 2

2

追加するだけです：

body {
    overflow-x: hidden;
}
于 2013-04-21T15:30:32.753 に答える