> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 用 Section 构建落地页结构

> 了解如何用 section 构建落地页结构、组织内容，并控制布局、间距和响应式表现。

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

### 什么是 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 外部的间距）

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

<Warning>
  重要提示

  * 每个元素都必须位于某个 section 内
  * Section 决定了页面的整体布局
  * 调整 max width 会影响该 section 内的所有内容
</Warning>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.