Relative and Absolute

SalehiShahrodi

عضویت : 1397/04/09 پرسش ها : 49 پاسخ ها : 22

Relative and Absolute

ارسال شده در : ‫۱ سال قبل، جمعه ۵ بهمن ۱۳۹۷، ساعت ۰۲:۳۴

سلام.

در فیلم 9 چرا پوزیشن relative به کلاس HeadInHeader دادین. این کار کامل منو گیج کرده و به هیچ وجه متوجه نشدم

حسن خسروجردی

عضویت : 1397/03/07 پرسش ها : 0 پاسخ ها : 922
ارسال شده در :‫۱ سال قبل، جمعه ۵ بهمن ۱۳۹۷، ساعت ۱۰:۳۱

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

 

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

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

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

 

 

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

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

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

 

دلیل استفاده از relative این بود که ما در اینده میخواییم به هدرمون یک بکگراند بدیم اگر از absolute  استفاده میکردیم عنصر بکگراند جایگاهش در صفحه خراب میشد و ما از relative استفاده کردیم چون هیچ‌تاثیری‌نداشت روی بقیه عناصر نمیذاره

 

موفق باشید

0 تشکر

SalehiShahrodi

عضویت : 1397/04/09 پرسش ها : 49 پاسخ ها : 22
ارسال شده در :‫۱ سال قبل، جمعه ۵ بهمن ۱۳۹۷، ساعت ۱۴:۳۲

متاسفانه با توضیحات شما مشکلم برطرف نشد. ایکاش قبلش در مورد این پوزیشنها مفصل توضیح میدادین. وقتی به nav.Nav پوزیشن relative میدم دیگه هدر رو به سمت پایین هول نمیده و اون بالا سفید نمیشه ولی اگه به HeadInHeader. پوزیشن absolute میدم بالای هدر سفید میشه. آخه این دو تگ پدر و فرزند هم نیستن که. به هیچ عنوان درک نمیکنم

1 تشکر

برای ارسال پاسخ باید وارد شوید و یا در سایت عضو شوید