在div内滚动无法正常工作

Question

也许我很遗憾地错过了一些东西，但我无法弄清楚是什么。我希望内容div可以在主div中滚动。 （这样我可以用主div修复高度等）。尝试过很多东西，都没有用。

这是Codepen。 颜色仅用于演示;）。

以下是您需要担心的主要部分（我猜）：

.main {
position: fixed;
z-index: -1;
right: 30px;
left: 30px;
bottom: 30px;
top: 30px;
display: inline-block;
background-color: white;
}

.content {
position: static;
margin-top: 9em;
}

Answer 1

将edit添加到squash

＆＃13;

＆＃13;

overflow:scroll

＆＃13;

.main

＆＃13;

＆＃13;

＆＃13;

Answer 2

这是最干净的：

＆＃13;

＆＃13;

.scroll {
  max-height: 340px;
  overflow-y: scroll;
}

＆＃13;

＆＃13;

＆＃13;