PDA

View Full Version : position



p30online
جمعه 13 شهریور 1394, 11:27 صبح
تفاوت بین این دو پوزیشن چیست؟

position:absolute;



position:relative;

siros1983
جمعه 13 شهریور 1394, 12:41 عصر
Relative : زمانی که بخواین خاصیت های right , left , top , bottom رو بکار ببرید از این مقدار استفاده می کنید.همچنین این مقدار رو برای عنصر والدِ عنصر فرزندی قرار میدید که مقدار position اون عنصر فرزند absolute باشه

Absolute : زمانی که از این مقدار استفاده می کنید ، عنصر در گوشه ی کادر عنصر والد قرار میگیره ( عنصر والدی که مقدار relative رو داشته باشه ) در صورتی که عناصر والد اون خاصیت position و یا مقدار relative رو نداشته باشند ، عنصر مورد نظر body رو عنصر والد در نظر میگیره و گوشه ی کادر صفحه قرار میگیره . همچنین عنصری که مقدار absolute رو داره روی همه ی عناصر قرار میگیره . اگر چند عنصر این مقدار رو داشته باشند با z-index ترتیب قرارگیری عناصر روی هم رو تعیین می کنید .