父div中的对象仍然溢出

Question

Codepen链接：[已移除隐私]

（忽略搜索按钮，我主要关注的是#results_container的父元素中显示的结果。）
在实际应用中，结果将根据搜索字词生成

我将溢出设置为“滚动”，但正如您所看到的，底部结果仍然溢出。是什么给了什么？

#results_container {

  height: 430px;
  overflow: scroll;
  margin-top: 5px;

}

Answer 1

我从你的代码中做了一个分叉。

#sidebar {
   border: 1px solid black;
   width: 40%;
   margin-top: 22px;
   height: 93%;
   overflow-y: hidden;
}

#results_container {
  height: 430px;
  overflow: auto;
  margin-top: 5px;
}

这里有完整的示例：codepen fork

Answer 2

不必要的“底部结果仍然溢出”似乎是由于高度：100％; #wrapper div的CSS定义。

如果你删除“身高：100％;来自#wrapper，我想你会看到你正在寻找的结果。

另外，请注意，当浏览器的显示扩展和折叠时，#wrapper div会展开并折叠。一旦高度：100％;从#wrapper中删除，#wrapper高度不会改变。