设置div内的div滚动，而父级不滚动

我有一个容器 div，其中包含许多子 div。我的容器中的 div 之一包含评论。我不想将整个 div 设置为滚动，而是希望所有内容都保持在原位，只留下评论 div 滚动。我尝试将父级溢出设置为隐藏，将注释 div 设置为滚动，滚动条实际上​​显示在页面上，但已被禁用。有谁知道我怎样才能做到这一点？

CSS

#container
{                
   position: absolute; 
   overflow: hidden; 
}

#comments
{
   position: relative;
   overflow: scroll; 
}

HTML

<div id="container">
   <div id="comments">
      this is what I want to scroll
   </div>
</div>

我无法摆脱容器，因为它容纳了更多的子元素。我只想让其他所有内容保持静态，而只有评论可以滚动。

您需要在“评论”div 上设置特定的高度，以确保它准确地知道何时滚动。如果没有足够的内容来填充该容器超出指定的高度，则滚动条可能会显示overflow:scroll但它将被禁用。如果您希望滚动条仅在实际需要时出现，您将需要使用overflow:auto作为 CSS 规则。通过设置子容器而不是父容器的高度，父容器可以根据需要增长。

在你的例子中，position:absolute不需要在父容器上获取​​解决方案；但是，您可能会出于其他原因将其包括在内。