如何修复div的最大宽度？如果该div的内容超过最大宽度，我们得到滚动条？

Question

我有#maindiv，我正在以编程方式添加div。所以我永远不知道#maindiv里面会有多少内在的div。每个内部div都有宽度：160px。我把这个css用于#maindiv：

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

当内部宽度的总和大于160px时，我希望#maindiv制作水平滚动条。我的CSS没有给我正确的结果。即使我修正了div的宽度，我也没有得到任何水平滚动条。如果我的内部宽度超过#maindiv那么他们会让#maindiv更宽。我甚至为#maindiv使用了max-width：160px。任何的想法？提前谢谢。

Answer 1

您可以尝试使用

overflow-y: scroll;

请参阅http://jsfiddle.net/4CCfy/

Answer 2

试

overflow:scroll;

如果只需要在x或y轴上滚动

做

overflow-x:scroll;

或

overflow-y:scroll;

Answer 3

你可以写

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