قرارگیری نسبی CSS
- صفحه قبلی 概述 قرارگیری CSS
- صفحه بعدی قرارگیری مطلق CSS
قاب‌های عنصر تنظیم شده به قرارگیری نسبی، به فاصله‌ای خاص تغییر می‌کنند. عنصر همچنان شکل خود را قبل از قرارگیری حفظ می‌کند و فضایی که به طور اولیه اشغال می‌کرد، همچنان حفظ می‌شود.
قرارگیری نسبی CSS
قرارگیری نسبی یک مفهوم بسیار آسان است. اگر قرارگیری نسبی برای یک عنصر تنظیم شود، آن عنصر در موقعیت خود ظاهر می‌شود. سپس می‌توان با تنظیم موقعیت عمودی یا افقی، این عنصر را "رابطه دار" با نقطه شروع خود حرکت داد.
اگر top را به 20px تنظیم کنید، قاب در 20 پیکسلی زیر بالای موقعیت اصلی خود قرار می‌گیرد. اگر left را به 30 پیکسل تنظیم کنید، فضایی 30 پیکسلی در سمت چپ ایجاد می‌شود که عنصر را به سمت راست حرکت می‌دهد.
#box_relative {
position: relative;
left: 30px;
top: 20px;
}
همانطور که در تصویر زیر نشان داده شده است:
توجه داشته باشید که در استفاده از قرارگیری نسبی، مستقل از اینکه آیا حرکت شده یا خیر، عنصر همچنان فضای اصلی خود را اشغال می‌کند. بنابراین، حرکت عنصر منجر به پوشش سایر قاب‌ها می‌شود.
مثال قرارگیری نسبی CSS
- قرارگیری: قرارگیری نسبی
- این مثال نحوه قرارگیری یک عنصر نسبت به موقعیت طبیعی آن را نشان می‌دهد.
- صفحه قبلی 概述 قرارگیری CSS
- صفحه بعدی قرارگیری مطلق CSS
