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其中最少一个为阀值。
其他总结
- 绝对定位和固定定位会生成一个块级框,无论元素是什么类型
摘抄自: