0

div本体の左右に2 つの s がある Web サイトがあり、どちらも500px本体の幅と合わせて、おおよその幅の画像を持っています980px(通常の画面解像度よりも大きくなります)。

HTML:

<body>
    <div id="#brandLeft">..</div>
    <div id="#brandRight">..</div>
    <div id="#mainbody">..</div>
</body>

CSS:

#brandLeft {
    display: inline-block;
    height: 890px;
    left: 50%;
    margin-left: -1010px;
    position: absolute;
    top: 171px;
    width: 350px;
}

#brandRight {
    display: inline-block;
    height: 890px;
    position: absolute;
    right: 50%;
    margin-right: -835px;
    top: 171px;
    width: 350px;
}

ではbody既に を設定しているoverflow-x: hiddenため、垂直スクロール バーは表示されませんが、ページは矢印とマウスの中央ボタンでスクロールできます。

divjQueryを使用してスクロールを無効にすることはできないので、ウェブサイトにスクロールバーを配置せずに、大きな画像で s を表示する方法があるかどうか疑問に思っていましたか?

4

1 に答える 1

0

サイドバーには画像が大きすぎるので、これを試してください。実際の html から画像の幅と高さを削除します。のようなものを使用して、画像の幅/高さを制御します。

#brandleft, #brandright img {
width:100%;
}

そのようなことをすると、画像が左右の Div のサイズに合わせて拡大縮小され、スクロール バーがなくなります。それでもうまくいかない場合は、お知らせください。

于 2012-09-11T08:04:02.207 に答える