CSS：@H_403_2@

@H_403_2@

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

#scroller {
  overflow: scroll;
}

#child {
  height: 10000px;
}

我所期待的@H_403_2@

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

怎么了@H_403_2@

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

简单的解决方法呢？@H_403_2@

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

谢谢大家的帮助,
斯特凡@H_403_2@

回答@H_403_2@

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

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

@H_403_2@

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

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

#child {
  height: 10000px;
}