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

Question

我无法使用简单的CSS构造来工作，这让我非常沮丧。

我的绝对div位置固定在页面中的某个位置。它有一个max-height，它是容器高度减去我希望它从底部具有的边距的计算值，例如：

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

这很好。

然后，它有两个子div。第一个更改高度，但不应滚动。第二个也更改高度（内容更改），并且仅当容器div不能再增长时才滚动。

#inner {
  overflow: auto;
  /* and prolly some other stuff... */
}
我做了一个提琴，描述了问题。https://jsfiddle.net/0wabfmsv/

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

我无法使用简单的CSS构造来工作，这让我非常沮丧。我的绝对div位置固定在页面中的某个位置。它的最大高度是...

Answer 1

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