使浮动的div在另一个div内创建滚动条？

Question

我有多个div在另一个div内浮动到左边。现在，当这些div比div更宽时，他们会进入下一行，而不是像我想要的那样制作水平滚动条！ 我为我的div CSS：

外格：

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; 

Answer 1

添加溢出-X：滚动到outerdiv。仅供参考：在IE8及更早版本中，overflow-x属性无法正常工作。所以如果你需要它在IE8或更早版本中工作，你可能需要一个JavaScript解决方案。