我不明白最大高度和高度是如何工作的。
.container {
max-height: 400px;
}
.child {
height: 100%;
}
从逻辑上讲，HTML是嵌套到无穷大的容器。 max-height应该告诉您容器高度不能超过400像素，子高度应为100％（在使用百分比时，我们要考虑父级）。
那为什么不起作用？我们必须手动为height: 100%工作设置高度。但为什么？呈现页面时，浏览器知道此div具有根据内容和CSS计算得出的特定高度。它应该具有height: 100%应该使用的自己的隐藏高度值。但事实并非如此。它不存在。感觉父级没有自己的高度用于渲染的高度。