html - 如何固定div的最大宽度？如果那个 div 的内容超过最大宽度，我们得到滚动条？

Question

我有#maindiv，我正在以编程方式将div 放入其中。所以我永远不知道#maindiv 中会有多少内部 div。每个内部 div 的宽度为:160px。我将此 css 用于 #maindiv:

 #maindiv
 {
   overflow: auto;
   width: 640px; 
   height: 65px;
   background:lightblue;
 } 

当 innerdivs 总宽度超过 160px 时，我希望 #maindiv 制作水平滚动条。我的 CSS 没有给我正确的结果。即使我固定了 div 的宽度，我也没有得到任何水平滚动条。如果我有比 #maindiv 更宽的 innerdivs，那么它们会使 #maindiv 更宽。我什至还为#maindiv 使用了 max-width:160px。任何想法？提前致谢。

Answer 1

你可以尝试使用

overflow-y: scroll;

参见 http://jsfiddle.net/4CCfy/