我有一个网站，在主体旁边有两个 div，分别在左侧和右侧，它们都有大约 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 来禁用滚动，所以我想知道是否有一种方法可以让 div 具有大图像，而网站上没有滚动条？
最佳答案
你的图片对于边栏来说太大了，所以试试这个。 从实际的 html 中删除图像的宽度和高度。 使用类似的东西控制图像的宽度/高度..
#brandleft, #brandright img {
width:100%;
}
做这样的事情应该将您的图像缩放到左侧和右侧的 Div 的大小以摆脱滚动条。如果这不起作用，请告诉我。
关于css - 如何在网站宽度之外设置带有图像的div，不显示滚动条？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12365080/