设置具有动态元素的div的高度

Question

我正在尝试设置div的高度，以便它可以一直滚动。这个div和另一个div一起，所以我设置了溢出-y滚动。当然，我认为我必须将高度设置为自动，所以我做到了。我也试过在Javascript中这样做，没有运气。问题是这个DIV的元素会根据用户放在他们页面上的内容而改变。

这是我的div的CSS

#shiftToRight {
height: auto;
overflow-y: scroll;
}

这是我的div：

<div id="shiftToRight">
    <div class="profile">
      <h1>Admin Panel</h1>
      <h4 id="editable"><a href="" class="edit-link"><i class="fa fa-edit"></i> Edit Image</a></h4>
    </div>
    <div id="bar"></div>

    <div class="jumbotron">
      <h1>John Doe 5th Class</h1>
      <h3>Donec auctor tellus id metus venenatis finibus. Cras in elit.</h3>
      <a href="#" id="editable"><i class="fa fa-edit"></i> Edit</a>
      <div id="minor-bar"></div>
    </div>
</div>

我做错了什么？提前谢谢！

Answer 1

如果要滚动它，请添加固定的高度值。否则，我对你究竟在问什么感到困惑：

   #shiftToRight {
        height: 200px;
        overflow-y: scroll;
    }

Answer 2

我已修复此问题，方法是设置position: absolute并设置＆＃39; left＆＃39;动态地在JavaScript中将自己定位在另一个窗口。