آرمین
3 سال پیش توسط آرمین مطرح شد
5 پاسخ

مشکل در css position

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


ثبت پرسش جدید
محمدسجاد دباغ
تخصص : برنامه نویس لاراول
@mdabbagh 3 سال پیش مطرح شد
3

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

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


علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش مطرح شد
2

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


Saman
تخصص : برنامه نویس وب
@samanzdev 3 سال پیش مطرح شد
2

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


hasanizad
@hasanizadt 3 سال پیش آپدیت شد
2

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 3 سال پیش مطرح شد
1

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


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

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