موقعیت در CSS چیست؟

2024 نویسنده: Lynn Donovan | [email protected]. آخرین اصلاح شده: 2023-12-15 23:46

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

به طور مشابه، ممکن است بپرسید چگونه موقعیت را در CSS تغییر می دهید؟

می‌توانید از دو مقدار بالا و چپ به همراه ویژگی position برای انتقال یک عنصر HTML در هر نقطه از سند HTML استفاده کنید

1. حرکت به چپ - از یک مقدار منفی برای سمت چپ استفاده کنید.
2. حرکت به راست - از یک مقدار مثبت برای سمت چپ استفاده کنید.
3. حرکت به بالا - از یک مقدار منفی برای بالا استفاده کنید.
4. حرکت به پایین - از یک مقدار مثبت برای بالا استفاده کنید.

به همین ترتیب، تفاوت بین نسبی و مطلق در CSS چیست؟ یک مطلق عنصر موقعیت قرار گرفته است نسبت فامیلی به اولین عنصر والد که موقعیتی غیر از استاتیک دارد. آ نسبت فامیلی عنصر موقعیت قرار گرفته است نسبت فامیلی به موقعیت عادی خود برای قرار دادن یک عنصر نسبتاً، موقعیت ویژگی به صورت تنظیم شده است نسبت فامیلی.

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

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

چگونه موقعیت تصویر را در HTML ثابت کنم؟

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