嵌套目录与内容区域 | 星雨笔录

核心： 树形目录与正文应分开排版，目录可固定宽度，内容区自适应。

最小示例：

.docs { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 20px; }
.docs nav { overflow-y: auto; }

学完能做： 建立树形目录与内容展示区的嵌套布局。