之前的帮助文档已经提过软件的布局模式，是属于相对定位，虽然学起来比拖到哪就是哪的方式稍微复杂点，但是他是属于标准的网页布局模式，代码不冗余，更易被搜索引擎理解，并且在复杂的嵌套场景中比绝对定位更易操作、而且组件间的间距和尺寸更标准，是深受开发、设计、制作人员受欢迎的模式，可以说学会了本软件的这种布局模式，您也掌握了这种技艺。

这里我们详细的介绍一下软件的这种布局模式。

软件采用的相对定位模式，遵循这几个规律：从左到右依次排列、排列不下即换行、组件必须包含在布局层内。

当我们拖动一个组件时，都是相对于另外一个组件的，我们可以把他拖动到另外的这个组件的“前面”或“后面”。假设有两个“文字”组件，我们将“文字A”，用鼠标左键按住，拖动到“文字B”的后面，然后释放鼠标左键。

开始拖动：

拖动中：

拖动完毕：

同理，每个布局层，也是遵循相对定位。我们将鼠标移至模块边框外侧，出现橙色框后，用鼠标左键按住，拖动到另外一个布局层的后面，然后释放鼠标左键，可以看到位置已经发生变动。

开始拖动：

拖动中：

拖动完毕：

如果达不到这个效果，可以采用布局层换行的方式，这个牵涉到布局层嵌套，这里先了解下，接下来的章节中会详细介绍，如图：