Javascript 分区'；s滚动条仅在div位置为相对位置时工作

我试图创建一个div，在这里我向它输出文本，它有一个溢出的滚动条。问题是，它只在#display_控制台的位置相对时才会滚动。它必须是绝对的，否则会阻塞页面的移动空间，从而破坏页面的布局

在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不会滚动。如果我把位置改为相对，左边的按钮会向下移动，它会变得很不稳定

---

你知道怎么解决这个问题吗？

这里肯定还有别的办法。我们有没有可能看到它的实际应用？是的，把它放到一个文件夹里。虽然在现阶段看起来不像，但实际上它是一个相当复杂的facebook应用程序，所以我不能把它放到JSFIDLE中。你认为可能有另一个元素与display_console div或其他东西重叠吗？如果你认为有重叠，请输入z-index:9999；让我们看看会发生什么。你是一个传奇，这是有效的！