UIScrollView布局

将UIScrollView加入父视图中，增加相应的约束，相对父视图约束如下。采用的是上下左右与父视图对应的上下左右间距为0。当然也可以用其他约束方法，比如相对父视图水平垂直居中、宽高等于父视图

约束

UIScrollView子视图布局

不使用Content Layout Guides布局

截图中，content layout guides不要勾选，默认是勾选的

centent layout guides 截图

在UIScrollView中子视图如下所示，此时布局约束仍然报错，因为还没有给子视图布局

子视图
布局步骤

将Collection View1相对父视图布局,尾部与Collection View2间距为0

Collection View1
Collection View2与Collection View3布局类似，上下都紧挨父视图，Collection View3左侧与Collection View2紧挨
最后一个视图布局需要与父视图尾部间距为0(此时页面直接给尾部布局，应该是个负数，改成0值)
至此，UIScrollView及子视图布局列表变成这样

布局截图
现在给长宽布局，将所以子视图设置为等宽，其中任意一个设置为与父视图等宽等高
大功告成！😁

使用Content Layout Guides布局

勾选content layout guides, 此时需要在UIScrollView中增加一个单一的子视图，需要显示的UI控件在这个子视图中。将子视图通过鼠标右击与‘Content Layout Guide’进行连线，上面4个统统连线(leading/top/trailing/bottom)。再与'Frame Layout Guide'中的Equal Widths(竖直滚动)或Equal Heights(横向滚动)连线。
连线完毕后，约束依然报错，先不要理睬，将需要布局的控件全部加入到这个唯一控件中