CSS چیدمان پیش‌فرض: static ارث‌بری نمی‌شود

position

نحوه جای‌گیری عنصر را مشخص می‌کند؛ absolute نسبت به نزدیک‌ترین والد position-dار، fixed نسبت به viewport و sticky چسبنده هنگام اسکرول است. sticky برای هدرهای چسبان بسیار رایج است.

سینتکس

position: static | relative | absolute | fixed | sticky;

مثال کاربردی

.header {
  position: sticky;
  top: 0;
  z-index: 50;
}

مقادیر رایج

static جریان عادی سند (پیش‌فرض)
relative جابه‌جایی نسبی نسبت به جای خود
absolute خارج از جریان، نسبت به والد position-dار
fixed ثابت نسبت به صفحه‌نمایش
sticky چسبنده هنگام اسکرول

موارد مرتبط در CSS