易笔记易笔记
首页
文章
分类
标签
首页
文章
分类
标签
AI 2cesium 2CSS 8css 1ide 1Electron 1JS 2前端 1Layout 1PHP 1ThreeJS 2Vue 4Vue3 5Windows 4
固定头尾布局

核心逻辑 (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