CSS定位介绍

目标

理解为什么需要定位

掌握CSS定位的组成

掌握偏移量的设定

掌握定位的4种模式

掌握每种定位模式特点和参照位置

 

定位也是用于布局的，主要由两个部分组成：

  定位=定位模式+偏移量

定位模式用于指定一个元素在文档中的定位方式。

偏移量则决定了该元素的最终位置

偏移量：

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

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

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

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

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

开启定位

语法规则

选择器{

  position:定位模式

}

div{

      position: static;

   }

  div{

      position: static;

   }

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

d