正文在左、附加信息在右 | 星雨笔录

核心： 正文区可伸缩、右侧信息栏固定，适合文档、商品详情和资料页。

最小示例：

.detail { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 24px; }

学完能做： 建立正文为主、右侧信息为辅的布局。