CSS中的定位(position)详解

将学过的定位进行一个简单的整理，方便以后查阅，也想向大家分享一下。

众所周知，定位分为5种，分别为：静态定位、相对定位、绝对定位、固定定位、粘性定位。下面我为大家详细介绍一下每种定位。

1.静态定位(static)：

静态定位是元素的默认定位方式，无定位的意思。它相当于 border 里面的none，静态定位static，不要定位的时候用。

静态定位 按照标准流特性摆放位置，它没有边偏移。

静态定位在布局时我们几乎不用的 

图片解释：

 

 

 

2.相对定位(relative)：

相对定位是元素在移动位置的时候，是相对于它自己原来的位置来说的。

相对定位的特点：

1.它是相对于自己原来的位置来移动的（移动位置的时候参照点是自己原来的位置）
2.原来在标准流的位置继续占有，后面的盒子仍然以标准流的方式对待它

因此，相对定位并没有脱标。它最典型的应用是给绝对定位当爹的