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