让版块铺到边缘.

您可以让版块内容铺到边缘，或居中装箱而背景铺满窗口。版块上的一个开关决定：Full width。示例搭建灰色三列版块，再打开 Full width 让列拉伸。颜色和照片填充请参阅 背景。

该视频搭建灰色三列版块，再让其内容铺到边缘。

搭建装箱版块

1. 点击空内容区的 Add Elements，再选择 Section（Layout 选项卡中）。
2. 悬停版块，打开 More 并选择 Settings。
3. 打开 Style 面板，选择浅灰色 Background。
4. 点击 Save。灰色已经铺满窗口。
5. 点击版块上的 + 并选择 Row。
6. 点击行上的网格图标，选择三列等宽磁贴并点击 Save。
7. 每列点击 +，选择 Text（Content 选项卡中），输入 Heading 4 和一行文字，点击 Save。

三列现在位于灰色带中央的盒子里。

打开 Full width

1. 打开版块的 More 并选择 Settings。
2. 在 General 面板中打开 Full width。
3. 点击 Save。
4. 点击 DXPR Builder 工具栏上的 Save。
5. 打开视图菜单（工具栏上的眼睛图标），选择 Preview。

您会看到的内容

灰色带看起来和之前一样。变的只是内容盒：第一列从版块左边缘开始，最后一列在右边缘结束。

每个版块有两部分：带背景的外层元素，和装行的内层盒。Full width 只改变内层盒。关闭时它居中并有最大宽度；打开时拉伸到版块边缘。

设置

版块的 General 面板有三个布局开关，默认全关：

行没有自己的宽度设置；由版块决定。

两种样式

• 边缘到边缘的背景，装箱文本：常见的主视觉。保持 Full width 关闭，在 Style 或 Background effects 面板中设置背景。
• 边缘到边缘的内容：一排卡片或图片。打开 Full width，文本离窗口边缘太近时给列加些 Padding。

如果您看不到变化

• 打开 Full width 没有任何变化。 在手机等窄屏上，装箱版本来就占满宽度。请加宽浏览器窗口再看。
• 背景到不了窗口边缘。 主题把页面内容放在装箱区域中，版块只能填满该区域。请在主题中选择全宽页面布局或区域。
• 文本贴到窗口边缘。这就是 Full width 的作用。请给列加 Padding（列 Style 面板中），或保持 Full width 关闭。

接下来做什么？

• 用颜色、照片或渐变填充版块：装饰内容背后的带。
• 让布局适配手机：控制列在小屏幕上的行为。