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