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

Question

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

外部div：

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

内部divs：

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

Answer 1

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