可折叠侧栏工作台 | 星雨笔录

核心： 侧栏折叠本质是切换容器列宽；过渡时需考虑内容的最小宽度。

最小示例：

.app { display: grid; grid-template-columns: 240px minmax(0, 1fr); }
.app.collapsed { grid-template-columns: 64px minmax(0, 1fr); }

学完能做： 设计可收起、展开的侧边栏容器。