پوزیشن ها در css

حسن خسروجردی

با سلام خدمت شما همراه گرامی

ببینید دوست گرامی دو تفاوت اصلی وجود داره بینه position relative & absolute  :

اول اینکه وقتی که عنصر در position absolute باشد, جابجایی اون عنصر نسبت به اولین parent یا عنصر بالاییش(پدر اصلی)  که در وضعیت  relative هست انجام میشه و جایگاهش مکان صفر top و left عنصر بالایی می باشد.

اما وقتی  position relative  است جابجا شدن آن نسبت به حالت اولیه خود عنصر است و مستقل از عناصر والد یا بالایی  هست.

وقتی میگیم عنصر نسبت به اولین پدر از تمام هاparent که حالت relative داره جایگاهش‌مشخص میشه به چه معناس؟؟؟؟

 ینی  اون المانی که بهش position absolute دادیم اول به  پدرش نگاه می کند اگر relative یا absolute یا fixed بود نسبت به آن مکان خودش رو مشخص می کند, اما اگر هیچ یک از این حالات را نداشت به عنصر بالاتر(پدر‌بزرگ) نگاه میکند اگر آن هم نداشت همینجوری  به سمت بالا حرکت میکنه تا به یک المان با position های فوق برسه

 اگه بازم هیچ عنصری پیدا نکرد از body کمک میگیره و مکانشو نسبت به اون  تعیین میکنه