CSS定位

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

---

一、CSS定位是什么？

在css中，定位的意思是指定一个元素在网页上的位置，一般使用position属性来设置。css有5种定位方式：1、静态定位（static）；2、绝对定位（absolute）；3、相对定位（relative）；4、固定定位；5、粘性定位。

二、为什么需要定位

浮动只能实现元素水平布局的效果，不能实现让元素实现复杂的布局效果。

三.定位的组成

定位也是用于布局的，主要由两个部分组成：
定位=定位模式+偏移量
定位模式用于指定一个元素在文档中的定位方式。
偏移量则决定了该元素的最终位置

偏移量

当元素开启了定位之后，可以通过偏移量来设置元素位置
top：定位元素和定位位置上边的距离
bottom：定位元素和定位位置下面的边距
left：定位元素和定位位置左侧距离
right：定位元素和定位位置右侧距离

定位模式

1.静态定位

div{
position: static;
}

特点：静态定位 按照