粘性页脚

当内容较短时,页脚粘在底部;当内容增长时,页脚自然向下移动。

┌────────────────────────────┐ │ Header │ ├────────────────────────────┤ │ Content (flex: 1) │ ├────────────────────────────┤ │ Footer │ └────────────────────────────┘

关键规则

  • 父元素: flexDirection: column
  • 内容: flexGrow: 1

代码

Loading Preview…

相关指南

© 2026 ByteLand Technology Limited