回到所有的课程
课程库

在响应网格中重叠内容

创建具有重叠内容的响应式网格布局。改变重叠顺序,同时保持布局的可访问性。

这个视频的特点是一个旧的UI。更新版本即将发布!

默认情况下,网格中的内容跨一个单元格,当其他内容跨多个单元格时自动换行。您可以手动放置网格子节点,使它们固定在特定的单元格中,而不受其他内容的跨越的影响。当您想要重叠网格子节点时,这很有帮助。

在本视频中,我们向您展示如何创建一个响应式网格布局与重叠的内容。我们还将向您展示如何更改重叠顺序,同时保持布局的可访问性。

要创建这个布局:

  1. 添加并配置一个网格元素
  2. 添加内容
  3. 建立重叠和重叠顺序
  4. 编辑网格以调整间距
  5. 让所有设备都能响应
尝试Webflow——它是免费的
Baidu
map