html - 让浮动 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;

内部div：

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 解决方案。