CSS布局:定位

一.定位概念

1.定位：是一种布局的手段，而且是一种高级的布局手段，

        你可以将任何元素，摆放在页面的任意位置

        可以用position来设置定位

        position可选值：

可选值	种类
static	默认值，不开启定位
relative	相对定位
absolute	绝对定位
fix	固定定位
sticky	粘滞定位

          

2.定位从两个方面来掌握，

            一个方面是如何开启。

            另一个方面，开启定位后，它的特点是什么。

二.定位方式

1.相对定位

        position：relative  开启了相对定位

相对定位特点：

      1、如果不设置偏移量，元素的位置是不发生任何变化

      2、设置偏移量，偏移量的相对位置是相对于元素原来在文档流中的位置（left：0；top：0）

      3、设置相对定位后，元素的性质是不发生变化

      4、设置相对定位后，元素的层级会提高