用 Section 构建落地页结构

Section 是 LanderLab 中最重要的构建块之一。
它们构成页面的主体结构，让你把内容分成清晰、独立的几个部分。

​

什么是 Section

Section 是一个容器，里面可以装下所有内容：

• 文本
• 图片
• 按钮
• 表单
• 其他任何元素

👉 元素必须放在 section 内部，不能直接添加到页面上。

​

如何添加 Section

• 打开左侧边栏
• 进入 Layout
• 把 Section 拖到画布上

​

Section 为什么重要

Section 帮你：

• 分隔页面的不同部分（hero、功能介绍、页脚等）
• 让布局保持清晰有序
• 轻松控制间距和结构

可以把每个 section 想成页面的一个“区块”。

​

Max Width（核心功能）

Section 最特别的地方之一是 Max Width 设置。

• 位于右侧面板的 Container 下
• 控制 section 内部内容的最大宽度

​

工作方式

• Section 本身可以通栏铺满
• 内部内容则在最大宽度范围内居中

示例：

• Max Width 为 1240px：内容居中，阅读体验好
• 在大屏幕上内容不会被拉得过宽

​

Section 内的间距

Section 还可以控制：

• Padding（section 内部的间距）
• Margin（section 外部的间距）

这让你能在页面各部分之间做出合适的留白。