- child::
百分比高度的生效条件
- CSS
- 小结：
- 普通流元素 → 依赖父级有确定尺寸；
- 绝对定位元素 → 通常也能计算百分比高度。
- 对于处于普通文档流中的元素，设置
height:%要想生效，其父级必须有一个可计算的高度（例如固定height/min-height，或由vh等确定）。如果父级高度由内容自然撑开（计算为auto），那么子元素的百分比高度计算值也会被视作auto，无法参与计算。 - 使用位置布局中的绝对定位（
position:absolute/fixed）时，即使祖先元素的height为auto，定位元素的百分比高度也有明确的计算基准（其包含块由定位规则确定），因此可计算。