CSS定位学习

为什么需要定位？

定位则是可以让盒子自由的在某个盒子内移动位置或固定屏幕中的某个位置，并且可以压住其他盒子

定位的组成

定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子

定位=定位模式+边偏移

定位模式用于指定一个元素在文档中的定位方式，边偏移则决定了该元素的最终位置

定位模式

定位模式决定元素的定位方式，它通过CSS的position属性来设置，其值可以分为四个

static 静态定位

relative 相对定位

absolute绝对定位

fixed 固定定位

边偏移

边偏移就是定位的盒子移动到最终位置，有top bottom left right四个属性

静态定位static（了解）

静态定位是元素的默认定位方式，无定位的意思

语法

选择器：position: static

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

• 静态定位布局很少用到 即静态定位就是标准流

相对定位relative （重要）

相对定位是元素在移动位置的时候，是相对于它的原来位置来说的(自恋型)

语法

选择器position: ralative

相对定位特点：

• 它相对于自己原来的位置移动的（移动位置的时候参照点是