移动端底部导航 | 星雨笔录

核心： 移动端底部导航固定在屏幕下方，主内容要为底栏预留空间。

最小示例：

.bottom-nav { position: fixed; inset: auto 0 0; display: flex; justify-content: space-around; }
main { padding-bottom: 70px; }

学完能做： 构建移动端固定底部导航区。