css - CSS:使用子元素处理溢出

我在这种体系结构中有一个html代码：

<div id="container">
    ... some divs ...
    <div id="results">
        ... some content ...
    </div>
</div>

结果中写入的内容会发生变化，有时结果的高度会超出容器的底部。我想要结果处理滚动条而不是容器溢出，但我似乎无法解决。我该怎么办？我愿意接受javascript解决方案，只要它们能够灵活地更改窗口大小即可。

注意：结果div在CSS中没有固定的非百分比高度，因此不能有一个。

最佳答案

如果可以负担得起使用flexbox的费用，可以通过以下方式解决问题（为简便起见，省略前缀）：

#container {
  height: 150px;
  display: flex;
}

#results {
  overflow-y: scroll;
}

https://jsfiddle.net/4n3tmbm3/5/

关于css - CSS:使用子元素处理溢出，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41484266/