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不会滚动。如果我将位置更改为相对位置，则左侧的按钮会向下移动，并且它会变得非常糟糕。

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