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

我试图设置一个div的高度，这样它就可以一直滚动。这个div与另一个div并排，所以我将overflow-y设置为滚动。当然，我认为我必须将高度设置为自动，所以我这样做了。我也试着用Javascript来做这件事，但运气不好。问题是，这个DIV的元素将根据用户在页面上放置的内容而变化

这是我对div的CSS

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

这是我的部门：

<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>

管理面板
无名氏五等
Donec auctor tellus id metus venenatis finibus。精英中的克拉斯。

---

我做错了什么？提前谢谢

如果要滚动，请添加固定高度值。否则我会被你问的问题弄糊涂：

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

---

我通过设置

位置：绝对
并在JavaScript中动态设置“left”将自身定位到另一个窗口来解决这个问题。
如果高度是自动的，它将与内容一样高，因此不会有滚动。如果给它一个小于内容高度的固定高度，则可以使用溢出滚动：滚动如果将高度设置为“自动”，则div会随着内容的不同而越来越大。如果想看到溢出效果，必须将其设置为固定高度或最大高度。但我如何找到固定高度？div中的元素将更改。。。我曾尝试在JS中设置它，但没有成功。最好使用表来设置，这样最大div的内容可以增加较短div的高度。我的问题是如何获得固定的高度。div的元素将根据用户在页面上放置的元素数量而变化。您构成了固定的高度！无论你希望它是基于你的最佳估计！你是说有多个孩子可以有不同的高度？那么给每个孩子一个最大固定高度吧！我为什么要这么做？这只会限制用户在文档上的输入量。我不知道用户可以在他们的页面上放多少内容——如果他们会放很多或者什么都不放。你仍然可以放你想要的任何内容，那只是一个200像素的div，他们可以滚动浏览所有内容。否则，将“高度”设置为“自动”，但每个div都将与内容一样高。我不知道如何解释它，如果你有一个具体的布局问题，然后提供一个视觉，我可以帮助你更多。您提供的代码并不能真正帮助我们理解您对最终产品的需求。