CSS定位概要

CSS定位概要

一.定位的组成

（一）：定位也是用于布局的，主要由两个部分组成： 定位=定位模式+偏移量；

（二）:定位模式用于指定一个元素在文档中的定位方式。偏移量则决定了该元素的最终位置。

二：偏移量

当元素开启了定位之后，可以通过偏移量来设置元素位置

top：定位元素和定位位置上边的距离

bottom：定位元素和定位位置下面的边距

left：定位元素和定位位置左侧距离

right：定位元素和定位位置右侧距离

三：定位模式

1.静态定位

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

2.相对定位(relative)