html - 内部 div 中的滚动条，而父级只有最大高度

Question

我无法让简单的 css 构造工作，这让我很沮丧。

我在我的页面某处有一个固定位置的绝对 div。它有一个最大高度，它是容器高度减去我希望它从底部具有的一些边距的计算结果，如下所示:

#container {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
  max-height: 300px;
}

这很好用。

然后它有两个子 div。 第一个改变高度但不应该滚动。 第二个也改变了高度(内容改变)并且只有当容器 div 不能再增长时才应该滚动。

#inner {
  overflow: auto;
  /* and prolly some other stuff... */
}

我制作了一个描述问题的 fiddle .. https://jsfiddle.net/qy3dvh7n/

有人看到我想念的东西吗？

Answer 1

我认为您必须将 max-height 属性添加到您的 #inner div。 然后滚动出现，因为它具有 div 的最大高度。

https://jsfiddle.net/5zfomxne/4/