CSS定位要点笔记

元素默认是static定位

 

一 、相对定位 relative

1. 原位置仍被占据。

2, 以当前元素的原坐标开始定位

 

二、绝对定位 absolute

1. 释放元素所占位置。

2. 参考最近的外层元素（不是static定位的外层元素）的坐标。

 

三、固定定位

最简单的定位，以当前窗口的左上角为原点。

 

四、粘性定位 sticky

1. 基于用户的滚动位置来定位。

2. 粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。