CSS之定位布局的五种方法

1.定位布局

- 定位流分类

1.1.静态定位

1.2.相对定位

1.3.绝对定位

1.4.固定定位

1.5.粘滞定位

1.6.z-index

- 1.1.静态定位（ Static positioning）

​ 是所有元素的默认定位方式。意味着将一个元素定位在默认文档流中。

​ position: static;

- 1.2.什么是相对定位?（ Relative positioning ）

​ 相对定位就是相对于自己以前在标准流中的位置来移动
​ position: relative;
​ 使用top,right,bottom,left来控制

- 相对定位注意点

• 相对定位是不脱离标准流的, 会继续在标准流中占用一份空间
• 在相对定位中同一个方向上的定位属性只能使用一个
• 由于相对定位是不脱离标准流的, 所以在相对定位中是区分块级元素/行内元素/行内块级元素
• 由于相对定位是不脱离标准流的, 并且相对定位的元素会占用标准流中的位置, 所以当给相对定位 的元素设置margin/padding等属性的时会影响到标准流的布局

- 相对定位应用场景