javascript - div 的滚动条仅在 div 位置相对时有效

Question

我正在尝试制作一个 div，我在其中输出文本并且它有一个溢出滚动条。问题是它只在#display_console 的位置是相对的时滚动。它必须是绝对的，否则它会通过阻塞它从中移动的空间来搞乱页面的布局。

从 Javascript 我使用 stage.appendChild(displayConsole); 将其添加到页面。

这是 CSS，当然还有其他元素，但这些是有问题的：

#stage {
  position: relative;
  margin: 0px auto;
  margin-top:30px;
  background-color: #000;
  border: 2px solid #5c440d;
}

#display_console {
  background-color: #FFFFFF;
  position:absolute;
  right: 2%;
  left: auto;
  width: 170px;
  height: 400px;
  overflow:auto;
}

右侧的 div 不会滚动。如果我将位置更改为相对位置，左侧的按钮会向下移动，并且会变得很不稳定。

知道如何解决这个问题吗？