自动布局是用来表示 子元素与子元素之间互相影响的一种排版方式，是一种响应式布局技术。一般是将所有元素设计完成后再使用自动布局进行设置。

自动布局就是响应式布局，就是在不同尺寸的手机上宽度不同都应该怎么展示。

一般页面的一级元素使用约束进行相对定位，二级元素及里面的子元素使用自动布局。

包含示例：按钮

1. 拖拽一个矩形和文本。
   

2. 同时选择矩形和文本添加自动布局，添加后图层发生了变化，原来的矩形没了变成了容器，文本位于容器下方。

3. 自动布局调整为居中后，文本长度发生变化矩形长度也跟随着发生变化。