当您指定的百分比
max-height上一个孩子,这是父母的实际高度的百分比,而不是父母的
max-height,奇怪的。同样适用于
max-width。
因此,如果您没有在父级上指定显式的身高,那么就不会
max-height从中计算出孩子的基本身高,因此
max-height计算为
none,可以使孩子尽可能高。现在,作用于孩子的唯一其他约束是
max-width其父对象的约束,并且由于图像本身的高度大于宽度,因此为了保持其长宽比,同时仍要尽可能地大,它会向下溢出容器的高度。
当您 确实 为父母指定了明确的身高时,孩子就会知道它必须是该明确的身高的最多100%。这样就可以将其约束到父级的高度(同时仍保持其宽高比)。



