视频链接：https://pan.baidu.com/s/1HH-NKTiVc-_exQoCPp5g8Q 提取码：mis1

一、什么是区域？有什么用？

  1.        介绍之前先看个使用了区域的页面吧<br />![image.png](https://cdn.nlark.com/yuque/0/2021/png/2310314/1614610306325-eb6439b8-ae00-41b2-a5dc-fd771351f859.png#crop=0&crop=0&crop=1&crop=1&height=524&id=UERRI&margin=%5Bobject%20Object%5D&name=image.png&originHeight=1047&originWidth=1848&originalType=binary&ratio=1&rotation=0&showTitle=false&size=375435&status=done&style=none&title=&width=924)<br />这个页面中大的区域设置了6个，如果没有设置区域，他们的样式、位置很难控制，就像一个国家，分为很多区域(省/市)，每个区域都有自己的政策，最后再统一由中央管理，保证大方向不错，如果不分会怎么样呢？可想而知肯定是乱了套了<br />页面区域设置的初衷也一样，页面上几十上百的元素，若一个个单独控制其属性，每个元素的样式或属性又或多或少有干扰，这样配置起来效率非常低，于是出现了 区域，我们把圈起来的多个单元格 称之为 区域

二、区域设置方法

image.png
image.png