position

Posted 2020-07-13

position：定位

定位分四种：

1.静态定位 ： 浏览器自动定位。

2. 相对定位 （position：relative）：以前一个同一级元素的坐标位置来定位

3 .绝对定位（position：absolute）：他是以父级元素的坐标位置来定位

4.固定定位（position：fied）  :   蒋一个元素固定在某一个位置，位置不随页面的滚动而发生改变。

z-index（）：提层括号中数值越大元素显示位置越向外

雪碧图就是利用定位制作

首先给一个视口：宽（width）高（hight）

插入图片，利用background position：(width hight)定位截取图片位置就可以了。