html 去除max-height,html – Child比max-height的父级大.溢出无效

我想拥有一个具有最大高度的父元素和一个填充此父元素的子元素.如果孩子的内容超过父母,则应显示滚动条.我试着像这样解决它：

HTML：@H_301_3@

abcde
abcde
abcde
abcde
abcde

abcde
abcde
abcde
abcde
abcde

abcde
abcde
abcde
abcde
abcde

abcde
abcde
abcde
abcde
abcde

abcde
abcde
abcde
abcde
abcde

CSS：@H_301_3@div.parent {

max-height: 50px;

width: 100px;

border: 1px solid black;

}

div.child {

height: 100%;

overflow-y: auto;

}

不幸的是,这不能按预期工作.孩子越过父母.@H_301_3@

请注意,设置overflow-y：auto到PARENT不是一个选项,因为它怀疑存在其他不应滚动的项目.怀疑孩子填满了父母留下的空间.有关更多信息,请参阅实时演示.@H_301_3@