我们以下方这个小标题模板为例子，来讲一下如何用 多列布局的 “列定位”来实现 每列布局之间的重叠：
2022虎虎生威
仔细分析这个小标题模板的结构，可以看出它是由两个灯笼素材+一个底色小标题组成：
制作并列内容的时候，大家应该都知道要使用多列布局了吧 （还不知道这个知识点的，我真的想打人！）:
在「布局」分类下的「基础布局」分类里找到一个三列布局添加到编辑区域：
接着，把底色标题和灯笼素材放入每列布局里面：
此时，我们可以看到，每列布局里面的内容之间分隔的很开：
那如何让每列布局里的内容互相重叠到一起呢？我们还是要记住： 先让内容尽可能的靠近。
比如，两侧的灯笼素材，可以在“组件定位”里，设置一下各自的对齐方式：
选中左边的灯笼素材，在“组件定位”里设置右对齐；选中右边的灯笼素材，在“组件定位”里设置左对齐：
这个时候会发现，两侧的灯笼素材差一点点就可以叠在中间的底色标题上面了。
接下来，选中 左边灯笼素材所在的那一列布局，设置布局工具条上 “列定位”里面的右边距为负数：
再选中 右边灯笼素材所在的那一列布局，设置布局工具条上 “列定位”里面的左边距为负数：
但每列布局里面的内容虽然重叠在一起了，可左侧的灯笼素材却被压在了底色标题的下方：
这个时候，我们就需要调整一下多列布局里面每一列布局的层级关系。
调整多列布局的每列布局层级关系，需要利用到列定位中的 重叠顺序；而重叠顺序，只有当多列布局中有一列布局的宽度是自伸缩时，才会在列定位中出现。
选中 左边灯笼素材所在的那一列布局，把 布局属性改成“宽度自伸缩”：
接着，再点开布局工具条上的“列定位”，会发现里面多了一个 “重叠顺序”，它的默认数值是auto，意思是保持布局的本身重叠关系：
把 左侧灯笼素材所在那一列布局的重叠顺序改成数值1，它就会被提到上一层啦~
重叠顺序的数值越大，当前布局的层级就越高，相对布局里的内容层级也会越高。
最后，我们把左侧灯笼素材所在的那一列布局的伸缩比改成0，右侧灯笼素材所在的那一列布局也改成宽度自伸缩，伸缩比设置为0；
再选中整个多列布局，把“组件定位”里面的对齐方式调整为居中对齐，小标题就做好啦~
对于列定位，上面这个小标题模板示例我们只用到了左、右边距和重叠顺序，而上、下边距的用法其实也差不多。
设置每列布局列定位里面的上、下边距，可以让该列布局向上、向下移动。
但是要注意的是， 无论如何调整列定位，我们都要尽量让内容先靠近，再去调整。
让内容靠近的方法除了调整内容的对齐方式，还可以调整每列布局的布局工具条上的布局对齐方式：
PS：拉伸的对齐方式，只有当某列布局的属性设置过宽度自伸缩之后才会出现。
至于单列布局的重叠规律，一般都是前后重叠，那就和元素的前后重叠规律是差不多的。所以，这里就不多说啦~
小结
布局的重叠规律，主要是针对多列布局的每一列布局之间的重叠，需要利用 只有多列布局才有的“列定位”功能来实现。
当然啦，也还需要结合各种对齐方式，让内容或者是布局尽量先靠近，这样可以避免设置较大数值的定位参数。
总之，大家掌握方法要多练习哦~
知识链接
往期回顾
前后元素重叠规律
左右元素重叠规律
更多阅读
小白适用
系统介绍秀米的基础操作
☚☚☚ 向左滑动
秀米有那么多骚技能
不来学几招？
有疑问就给我留言吧~
没疑问的话就帮我点个赞/在看哦~返回搜狐，查看更多