display که اصن ربطی به موقعیت چینی نداره و قضیش از بقیه جداست این خاصیت برای نمایش دادن و ندادن یه المنت هست .
برای position هم یه توضیحاتی
اینجا نوشتم فک کنم کافی باشه
float همونطور که از اسمش معلومه خاصیت شناوری به المنت ها میده اگه مقدار float رو برابر left بذاری به طرف چپ شناور میشن و به این صورت میمونه که یه سطح شیب دار داری و این المنت رو روی این سطح رها کردی خب به سمت شیب میره پایین . اینم همینطوره به سمت مقدارش شناور میشه و هرچی سمت چپش باشه مثل این میمونه که توی اون سطح شیب دار یه جسم باشه و نذاره این جسم تا آخر پایین بره ، نمذاره که به سمت چپ مایل بشه . برای این که بخای یه جسمی رو که شناوره از بقیه جسم های سمت چپ و راستش جدا کنی یه خاصیت clear با مقدار both میدی که این جسمی که خاصیت clear داره از بقیه المنت هایی که خاصیت float دارن جدا میشه و به زیر بقیه میره و تا انتها به سمت مقدارش میره . اما باید دقت داشته باشی که برای این المنت ها یه عرضی تعیین کنی و وقتی که از این عرض بیشتر بشه مسلما وقتی جا نباشه میره پایین و سیستمت به هم میریزه پس باید اندازه گیری کنی و همینجوری خاصیت float دادن فایده نداره چون اگه اون المنت عرض مشخصی نداشته باشه با اضافه کردن یه المنت دیگه توی اون مثلا یه متن یا یه عکس ممکنه عرض المنت اصلیت تغییر کنه و از حالتی که داره خارج بشه ( همون قضیه ی جا نبودن ) . بذار یه مثال بزنم :
تو 4 تا المنت داری مثلا سه ستون برای قالبت و یه فوتر که باید زیر این سه تا قرار بگیره و اون سه تای دیگه کنار هم باشن . به اون سه تا خاصیت float بدون clear میدی و به فوتر خاصیت float با clear میدی که این فوتره میره زیر اون سه تا و اون سه تای دیگه همدیگه رو به سمت مقدارشون هول میدن مثلا سمت چپ !! برای این که هر 4 تاشونم وسط بذاری همشونو تو یه div میذاری و این div رو وسط میذاری .
امیدوارم خوب توضیح داده باشم
