تفاوت بین موقعیت مطلق و موقعیت یابی نسبی در HTML / CSS چیست؟


پاسخ 1:

نسبی:

عنصر با موقعیت: نسبی؛ نسبت به موقعیت عادی خود موقعیت دارد.

وقتی ویژگی های بالا ، راست ، پایین و چپ یک عنصر نسبتاً موقعیت را تنظیم می کنید ، از موقعیت عادی آن جدا می شود. محتوای دیگر تنظیم نشده است تا در شکاف باقی مانده از عنصر قرار بگیرد.

برای اطلاعات بیشتر ، به چیدمان CSS - ویژگی موقعیت مراجعه کنید

کاملاً:

عنصری با موقعیت: مطلق؛ نسبت به نزدیکترین جد واقع شده است (به جای اینکه چگونه نسبت به منظره ثابت باشد).

با این حال؛ اگر یک عنصر کاملاً موقعیتی دارای اجداد موقعیتی نباشد ، از بدنه سند استفاده می کند و به عنوان پیمایش صفحه حرکت می کند.

توجه: عنصر "موقعیت یابی" عنصری است که موقعیت آن چیزی غیر از استاتیک است.

برای اطلاعات بیشتر ، به چیدمان CSS - ویژگی موقعیت مراجعه کنید

منبع: w3schools


پاسخ 2:

در مورد اینکه آیا مکان ارائه شده اشغال شده یا خیر ، تفکیک ایجاد شده است. وقتی HTML ایجاد می شود ، نوعی پشته را تشکیل می دهد تا یک چیز بعد از دیگری پایین صفحه بیفتد. وقتی یک چیز حذف شود ، همه چیز به سمت بالا می رود تا فضای خود را پر کند.

با موقعیت یابی نسبی ، این فضای در نظر گرفته می شود. حتی اگر از CSS برای جابجایی عنصر به بالا / چپ استفاده می کنید ، فضایی که باید در آن قرار داشته باشد بی تأثیر است.

با این حال ، اگر موقعیت یابی مطلق را اختصاص دهید ، از این پشته حذف می شود و همه چیز در زیر حرکت می کند تا جای خود را بگیرد. در سطح خودش است و دیگر روی صفحه تأثیر نمی گذارد. موقعیت یابی بر اساس والدین بعدی با موقعیت نسبی است.

نوع دیگری نیز وجود دارد که ثابت است. این مانند موقعیت مطلق است ، به جز اینکه پنجره مرورگر به عنوان مرجع استفاده می شود و بنابراین حتی با پیمایش همراه نیست و حتی در هنگام پیمایش صفحه همچنان در جای خود باقی می ماند.


پاسخ 3:

در مورد اینکه آیا مکان ارائه شده اشغال شده یا خیر ، تفکیک ایجاد شده است. وقتی HTML ایجاد می شود ، نوعی پشته را تشکیل می دهد تا یک چیز بعد از دیگری پایین صفحه بیفتد. وقتی یک چیز حذف شود ، همه چیز به سمت بالا می رود تا فضای خود را پر کند.

با موقعیت یابی نسبی ، این فضای در نظر گرفته می شود. حتی اگر از CSS برای جابجایی عنصر به بالا / چپ استفاده می کنید ، فضایی که باید در آن قرار داشته باشد بی تأثیر است.

با این حال ، اگر موقعیت یابی مطلق را اختصاص دهید ، از این پشته حذف می شود و همه چیز در زیر حرکت می کند تا جای خود را بگیرد. در سطح خودش است و دیگر روی صفحه تأثیر نمی گذارد. موقعیت یابی بر اساس والدین بعدی با موقعیت نسبی است.

نوع دیگری نیز وجود دارد که ثابت است. این مانند موقعیت مطلق است ، به جز اینکه پنجره مرورگر به عنوان مرجع استفاده می شود و بنابراین حتی با پیمایش همراه نیست و حتی در هنگام پیمایش صفحه همچنان در جای خود باقی می ماند.