راکت

مشکل در css position

5 پاسخ

سلام
جایگزینی برای position ها در css وجود داره که کار رو راحت تر و قابل فهم تر کنه یا همیشه باید از این کدها در فریمورکی مثل بوت استرپ یا flexbox استفاده کنیم؟
تشکر

آرمین
آرمین
@arminbeik
ثبت پرسش جدید

پاسخ‌ها

5
محمدسجاد دباغ
محمدسجاد دباغ
@mdabbagh

تخصص: برنامه نویس لاراول

سلام
نکته اول: جایگزینی برای position وجود ندارد.
نکته دوم: position قابل فهم هست ، نیازی نیست همه مباحثش رو یاد بگیرید.
تنها این دو سه مهمه relative و absolute و fixed
relative: حالت عادی ، معمولا به بخشی میدهند که فرزند زیرمجموعه اون قراره absolute و ... بگیره.
absolute: از حالت عادی خارج شده و بر اساس اولین پدر خود که relative دارد قابل تنظیم است با استفاده از top و ...
fixed: از حالت عادی خارج شده و بر اساس body قابل تنظیم است با استفاده از top و ... ، در این حالت محل پوزیشن فیکس میشود.

دیگه هیچ نکته ای نداره.

علیرضا کفایتی
علیرضا کفایتی
@alirezakefayati

تخصص: برنامه نویس laravel, vue.js

درباره سوال اول : نه جایگزینی وجود ندارد ...
اما سوال دوم :
یادگیری اش ساده هست و شما میتونید با دیدن چند فیلم آموزش به راحتی مباحث رو یاد بگیرید و اجرا کنید .

شاید پاسخ شما همین‌جا باشد

Saman
Saman
@samanzdev

تخصص: برنامه نویس وب

سلام
برای position جایگزینی وجود ندارد.
در مورد انواع position و کاربرد هر کدوم از اونها داخل این مطلب به طور کامل گفته شده است.
https://adminesite.com/css-positions/
@arminbeik

hasanizad
hasanizad
@hasanizadt

سلام
همونطور که دوستان گفتن جایگزینی برای پوزیشن وجود نداره و یادگیری پوزیشنها، به معنای واقعی کلمه آسونه و هیچ پیچیدگی خاصی نداره.
چندتا نکته ساده داره، مثل نکاتی که آقای دباغ بهش اشاره کردن و یک نکته ساده دیگه که ممکنه گاهی سردرگم کننده باشه اینه که، خاصیت z-index فقط روی المنتهایی کار میکنه که پوزیشنی بهشون داده بشه وگرنه این خاصیت هیچ تاثیری روی المنت نداره. اصولا همه عناصر پوزیشن پیشفرض دارن که static هست و این یعنی z-index روی پوزیشن استاتیک کار نمیکنه.
ولی جدا ازین نکات من فکر میکنم مشکل شما فقط پوزیشن نیست و شما برای رسپانسیو کردن صفحات دچار مشکل هستین و دنبال راه ساده ای برای این کار میگردید-
اگه حدسم درست باشه، به شما پیشنهاد میکنم که دو هفته وقت روی یادگیری سیستم grid بذارید.
گرید شما رو از اکثر مشکلات چیدمان عناصر، فلکس باکس و فریمورکهای css نجات میده و با کمی خلاقیت و با استفاده از گرید و مدیاکوئریها، میتونید تقریبا هر چی که تصور بکنید رو توی فرانت اند، بسازید

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

جایگزین نداره، کاربرد خودش رو داره.
position به معنی موقعیت دهی هستش، در موارد ویژه ای برای چیدمان های خاص ازش بهره می بریم.
دوستان خوب توضیحاتی رو ارائه دادند، نکته ای که می تونم اضافه کنم اینه که:
بصورت کلی یکی از مهمترین بخش های هر کار طراحی رابط کاربری، چیدمان عناصر هستش. بهترین انتخاب هم در این باره استفاده از flexbox, css-grid هستش. حالا در حالت خاصی پیش میاد که برای بحث چیدمان عناصرمون، میخوایم موقعیت های مطلق یا ثابتی رو داشته باشیم که در این موارد خصوصیت position بکارمون میادش.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام