容器
用于容纳和组织子元素的父级元素，定义了布局和定位的边界。带有最大宽度的容器可以防止内容在大屏幕上过度拉伸，同时允许设置全屏宽度背景。Framer 的容器支持自动布局（Auto Layout）、内边距（Padding）以及用于实现灵活布局的响应式尺寸控制。
相关术语
绝对定位
布局
绝对定位是一种 CSS 布局方法，它将元素从正常文档流中移除，并相对于其最近的定位祖先进行定位。
约束
布局
定义父容器尺寸改变时，元素如何重新调整大小或位置的规则，对SEO和用户体验至关重要。
固定定位
布局
指将元素相对于浏览器视口进行锚定，使其在滚动过程中始终保持可见的定位方式。
伸缩方向
布局
指决定 Flexbox 子元素按行（水平）还是按列（垂直）排列的属性。
Flexbox
布局
一种 CSS 布局系统，专为一维布局设计，用于在行或列中分配项目空间。
页脚
布局
网页底部的区域，通常包含导航链接、版权声明以及联系方式或社交媒体等次要内容。
Gap (间距)
布局
Gap 是 Flex 或 Grid 布局中元素之间的间隙，无需操作外边距 (Margin) 即可提供一致的间隔。这对 SEO 和用户清晰度很重要。
Grid (网格)
布局
Grid 是一种布局系统，通过将空间划分为行和列，为内容排版建立对齐和结构。
Header (页眉)
布局
Header 是网页的最顶部区域，通常包含 Logo、主导航以及登录按钮等关键操作。
Justify Content
布局
Justify Content 是一个 flexbox 属性，用于控制元素在主轴上的分布方式，可选的值包括居中、两端对齐和分散对齐等。
重要提示