现代 CSS 布局指南：Grid 与 Flex 的边界

Grid 负责二维布局，Flex 负责一维分布。

推荐决策

• 页面骨架优先 Grid
• 组件内部对齐优先 Flex
• 避免一个容器里混合过多布局职责

结论

先画结构图，再写样式，布局会更稳定。