nested-container-frames

name	nested-container-frames
description	用嵌套框架创建一套容器套容器的布局系统。用一个居中的外层容器，配以可见的垂直边界线和角部标记。内部放置从边缘内嵌的内部容器，每个都有自己的背景和圆角框架。技法：外层容器界定全局边界，内部容器用内边距创造内嵌间距，分层框架（边框 + 背景）区分层级，外框与内部块之间保持一致间距。

嵌套容器框架技能

何时使用

• 布局需要一个容器套容器的系统，配以可见的外边界、内嵌的内部框架和分层的页面结构。

工作流程

1. 定义一个居中的外层容器，控制全局页面宽度。
2. 添加可见的垂直边界线和小角部标记，以确立框架。
3. 用一致的内边距把内部容器从外边缘内嵌进来。
4. 给每个内部层级自己的背景、边框、圆角和间距节奏。
5. 用框架层级来区分主视觉、特性、证据和 CTA 模块，而无需添加厚重卡片。

护栏

• 不要把卡片嵌套进卡片，直到布局显得被框死为止。
• 不要让框线压过内容可读性。