2010-11-19 48 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;