我想到了。为了使元素的最大高度起作用,其父元素之一必须
height定义一个属性(显然以固定单位(例如px),而不是百分比)。
从w3c规格:
相对于生成的盒子的包含块的高度计算百分比。如果未明确指定包含块的高度(即,它取决于内容的高度),并且该元素的位置不是绝对的,则将百分比值视为“
0”(对于“ min-height”)或“ none” (对于“最大高度”)。
由于我的img父级都没有定义固定的高度,因此我不得不将img限制为最大宽度。
编辑
我使用了该线程中提供的解决方法,并使用了
position: absolute; max-height: 100%; top: 0。



