2010-11-19 47 views
0

我有一个宽的div有背景图片。 div的宽度是1100px,当浏览器窗口小于这个宽度时,滚动条就会显示。有什么方法可以避免滚动条?这不是任何破解。现在我知道我可以把它放在身体图像中,但我想有这个div有一个原因。宽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> 

但是,如果#容器/#内容中的contnet比浏览器窗口宽于我想滚动条,

+1

所以...你要滚动条,但你不想要吗?你能否澄清你究竟是什么? – Alex 2010-11-19 06:15:34

回答

3

使用overflow:hiddenoverflow:auto

还有用于每个轴,overflow-x:overflow-y:具有相同属性(hiddenvisible,和auto)的变化。

+1

+1对于没有任何废话,对点答案。 :) – Alex 2010-11-19 06:16:50

0

或者,您也可以从您的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;