CSS：

#parent {
  height: 500px;
  overflow: hidden;
}

#scroller {
  overflow: scroll;
}

#child {
  height: 10000px;
}

我所期待的

#parent有溢出：隐藏,因此#scroller被剪裁到父级的高度.因为它的#child比生成的高度溢出高：滚动导致滚动条.

怎么了

#scroller只使用#child的高度并忽略两个溢出属性.

简单的解决方法呢？

>在我的真实问题中,#parent中有多个< div> s,所以我不能给#scroller一个高度.
> html是自动生成的,所以我不能只删除#scroller.

谢谢大家的帮助,
斯特凡

回答

在评论中实际上只有一个css-only答案,显示：flex.看到：

https://jsfiddle.net/huocukw7/6/

#parent {
  height: 500px;
  overflow: hidden;
  display: flex;
  flex-direction:column;
}

#scroller {
  overflow: auto;
  flex-grow:1;
}

#child {
  height: 10000px;
}