موقعیت دهی

چیدمان با موقعیت دهی عناصر :

می توان قسمت های یک سند html را به مانند قطعات یک پازل ابتدا ساخت و در ادامه در جای مورد نظر قرار داد که این کار با positionها به راحتی انجام می پذیرد برای اینکه بتوانید اینگونه چیدمان کنید باید با تمامی positionها آشنایی کامل داشته باشید:
position
انواع positionها :

1. استاتیک (static) : تمامی عناصر دارای این position به صورت پیش فرض هستند.

2.نسبی (relative) : این position مکان عناصر را نسبت به دیگر همسایه های static , relative خود در نظر می گیرد.

3.مطلق (absolute) : این position عناصر را تکی در نظر گرفته و مکان آن وابسته به اولین والد اوست که موقعیت دهی نسبی گرفته باشد.

4.ثابت (fixed) : مانند موقعیت دهی مطلق بوده با این تفاوت که با اسکرول کردن مکان عنصر fix شده تغییر نمی کند.

مـــهم با کلیک بر روی هر یک از نام  positionهای فوق می توانید مثالی از آن را خودتان امتحان کنید.

به عنوان مثال ما در این صفحه برای چیدمان جعبه ها از خاصیت position:absolute استفاده کرده ایم.

 

صفحه بعدیصفحه قبلی

 

تاریخ آخرین بروز رسانی:2017/12/30

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *