javascript/css：当嵌套div变得太长时，包含div的滚动条

我得到了这个html（简化）

我正在寻找的行为是，当一个或多个“内部”div调整大小时，使“外部”div在水平滚动条上发芽。以下是my.css文件中内部和外部的类：

.outer {
  width: 1000px;
  height: auto;
}

.inner {
  display: block;
  width: auto;
  margin: 2px;
  z-index: 2;
}

其中一些css值是“牺牲鸡”的东西——这意味着我变得绝望并向它投掷飞镖

如果你需要任何进一步的细节，请告诉我

谢谢

我想你想要

我在内部div上使用了overflow:scroll属性这是您想要的吗

.outer {
    overflow:auto;
}

---

你能上传一个工作示例吗？为什么不在css中使用overflow auto？是的，我想可以。给我几分钟…我必须把我的haml转换成html:Sphere是fiddle链接，尽管出于某种原因它不能处理那里的可调整大小…我喜欢fiddle的东西…如果没有其他的东西，那是一件非常酷的事情：）所以thanks@Val，我只是试了一下，但没有成功。它确实让滚动条显示出来了，但它仍然增加了外部div，而不是滚动内部div。在这个例子中，我在每个内部div上都有滚动条，而不是它们都在里面的滚动条。我应该回去读一本关于CSS的书：P我从这些评论中得到了一些好的信息，并回答了这个问题，所以谢谢：）

.outer {
  width: 1000px;
  height: auto;
}

.inner {
  display: block;
  width: auto;
  margin: 2px;
  z-index: 2;
}

.outer {
    overflow:auto;
}