核心逻辑 (Pseudo-code)
Layout:
Container:
height: 100vh # 视口高度
display: flex-column # 垂直弹性布局
Item(Header):
height: fixed # 固定高度
shrink: 0 # 禁止压缩
Item(Content):
grow: 1 # 占满剩余空间
overflow-y: scroll # 内容滚动
Item(Footer):
height: fixed # 固定高度
shrink: 0 # 禁止压缩
分类: Layout标签: CSS, Flexbox
日期: 2025/12/18
