0

我有一个网站，div在主体旁边有两个 s，在左侧和右侧，它们都有大约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，所以我看不到垂直滚动条，但页面仍然可以使用箭头和鼠标中心按钮滚动。

我不能使用 jQuery 来禁用滚动，所以我想知道是否有办法让divs 带有大图像，而网站上没有滚动条？

4

1 回答 1

0

你的图片对于侧边栏来说太大了，所以试试这个。从实际的 html 中删除图像的宽度和高度。通过使用类似的东西来控制图像的宽度/高度。

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

这样做应该将您的图像缩放到左右两侧的 Div 大小，以摆脱滚动条。如果这不起作用，请告诉我。

于 2012-09-11T08:04:02.207 回答