Html CSS高度澄清

从我在其他帖子上看到的，为了将元素的高度设置为%，px，等等，还需要设置它的父元素的高度。那么，这是否意味着从文档根开始就需要显式设置高度？这就是我的测试结果。为了设置父元素的高度，它的父元素需要一个高度，依此类推。但是，如果我想要一个高度设置为“自动”的面板自动容纳其子对象，但同时又想使子对象的高度为面板高度的%

那么，这是否意味着从文档根开始就需要显式设置高度

基本上，是如果您一直使用百分比

没有“自动<代码>百分比”

如果DOM上有一个可确定的数值，那么基于百分比的高度可以用来确定子元素的高度，前提是当我们将DOM结构下降到建议的元素时，百分比链保持不变

如果我想要一个高度设置为“自动”的面板自动容纳其子对象，但同时希望使子对象的高度为面板高度的%

你不能。 想想这里的逻辑

如果只有一个孩子，并且父母的身高与孩子的身高相适应，那么孩子不能是父母的50%

---

浏览器会在逻辑圈中运行尝试计算孩子的高度，因为父母和孩子的高度都是相互依赖的。

如果你给孩子的像素高度也没有问题，请在之后将%设置为父母高度。