Question

我有一个有背景图片的宽div。 div是1100px宽，当浏览器窗口小于那个时，theres滚动条。有没有办法避免滚动条？这不是任何黑客攻击。现在我知道我可以把它放在身体图像中，但我想把它作为这个div的原因。

<body>
<div id="imgWrapper"> <-the wide div the image
<div id="wrapper"> <- normal 960px wrapper
<div id="content"> <- content inside this
Blablabla......
</div>
</div>
</body>

但是当然，如果＃container /＃内容中的contnet比浏览器窗口宽，那么我想要滚动条。

Answer 1

使用overflow:hidden或overflow:auto。

每个轴，[{1}}和overflow-x:也有不同的变体，具有相同的属性（overflow-y:，hidden和visible）。

Answer 2

要禁止滚动条，请使用CSS overflow（它控制垂直和水平滚动条;对{div 1控制）使用overflow-x和overflow-y）属性：{{3} }

Answer 3

或者，你也可以从你的html中删除div＃imgWrapper，并给#wrapper一个css背景。

<body>
 <div id="wrapper"> <- normal 960px wrapper
 <div id="content"> <- content inside this
  Blablabla......
 </div>
 </div>
</body>

CSS

#wrapper { background: url(path/to/someimage.png) transparent 0 0 no-repeat;

宽div - 我可以以某种方式摆脱滚动条吗？

3 个答案: