2011-05-15 151 views
0

我想創建一個div將具有屏幕寬度(任何屏幕),如果內容超出屏幕寬度 - 我想顯示水平滾動條。我怎樣才能做到這一點?div與屏幕寬度和滾動

+1

你希望它具有屏幕的大小,但是如果它大於屏幕,顯示一個滾動條?它不是屏幕的確切大小嗎? – Zirak 2011-05-15 06:00:05

+0

@Zirak:在開始時,div根本不包含數據,因此它的寬度爲0.用戶可以向div中添加組件,使其寬度增長。我不希望它越來越多地出現在屏幕上。 – Naor 2011-05-15 06:07:06

回答

2

滾動,如果你的下一個樣式添加到div容器會出現在div如果DIV含量較大:

overflow: auto; 

如果你想不顯示垂直滾動,你需要:

overflow-y: hidden; 
+0

div的寬度怎麼樣? – Naor 2011-05-15 06:09:35

+0

容器內的div可以有最小寬度:100%;例如。 而容器的限制寬度。 – ccsakuweb 2011-05-15 06:11:25

+0

我在我的代碼中添加了如何隱藏垂直滾動。因爲使用自動滾動將出現時,圖片比容器大,垂直更大或水平更大。 – ccsakuweb 2011-05-15 06:13:32

0

你可以使用這樣....

#width1 
{ 
height:200px; 
border:1px solid black; 
width:100%; 
overflow:auto; 
} 

<div id="width1"></div> 

看一看這個小提琴:http://jsfiddle.net/Laqqn/1/

+0

寬度:100%;走出屏幕。在jsfiddle這裏是桌子的邊界。 – Naor 2011-05-15 08:00:23

+0

如果您將寬度減小爲其他值。滾動條僅適用於div ...它不會從屏幕熄滅.. – Anish 2011-05-15 09:57:44