css笔记二：position

position规定元素的定位类型：
position: static | relative | absolute | fixed | sticky;

static（没有定位）

元素出现在正常的流中，top、bottom、right、left、z-index无效

relative（相对定位）

元素出现在正常流中。根据本身位置进行偏移。

absolute（绝对定位）

脱离文档流，相对最近的非static祖先元素进行偏移。
一般和 top\bottom\left\right 来使用.

fixed（固定定位）

脱离文档流，相对于viewport进行偏移。如果祖先的transform：none，则相对祖先元素进行偏移。

sticky（粘性定位）

相对定位和绝对定位的结合，必须指定top、bottom、right、left其中最少一个为阀值。

其他总结

• 绝对定位和固定定位会生成一个块级框，无论元素是什么类型

摘抄自：

1. MDN
2. W3SCHOOL