2012-07-01 134 views
0

我有多個div在另一個div內浮動到左邊。現在,當這些div比div更寬時,他們會進入下一行,而不是像我想要的那樣製作水平滾動條! 我爲我的div CSS:使浮動的div在另一個div內創建滾動條?

外格:

display:block; 
border-width:1px; 
border-style:solid; 
border-color:black; 
margin-left:auto; 
margin-right:auto; 
height:20px; 
width:200px; 
overflow:auto; 

內的div:

min-width:16px; //contains text, so it gets wider usually 
float:left; 
padding-left:2px; 
padding-right:2px; 
+1

您是否嘗試過使用'overflow-x:scroll'? –

回答

1

添加溢出-X:滾動到outerdiv。僅供參考:在IE8及更早版本中,overflow-x屬性無法正常工作。所以如果你需要它在IE8或更早版本中工作,你可能需要一個JavaScript解決方案。

+0

試過了,它創建了一個滾動條,但我的div仍然走到下一行,而不是留在他們所在的行上。 – Wingblade

+0

你可以在'outer'div裏面製作另一個div來包裝較小的div,並使用javascript來計算內部div的總寬度,然後在新div上設置該寬度。 –