CSS 身高说明

CSS height clarification

根据我在其他帖子中看到的,为了将元素的高度设置为 %、px 等。 parent 的高度也需要设置。那么这是否意味着高度需要一直显式设置到文档根目录?这就是我的测试向我展示的内容。为了设置 parent 元素的高度,parent 需要一个高度,依此类推。但是,如果我想要一个高度设置为自动的面板自动保持它的 children,但同时又想让 children 的高度占面板高度的 % 怎么办?

So does this mean height needs to be explicitly set all the way up to the document root?

本质上, 如果您一直使用百分比。

没有"percentage of auto"。

如果在 DOM 上有一个 可确定的 数值,那么基于百分比的身高可以使用 that 来确定身高children provided 当我们将 DOM 结构下降到提议的元素时,百分比链保持完整。

what if I want a panel whose height is set to auto to automatically hold it's children, but at the same time want to make the children's height a % of the panel height?

你不能。

想想这里的逻辑。

如果有单个child和parent的高度适应child任的child 不能 是 parent.

的 50%

浏览器实际上会在逻辑圈中转来转去尝试计算child的高度,因为parent和child的身高相互依存