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

猜你喜欢

转载自blog.csdn.net/a519991963/article/details/90266193