position yana sarrafa yadda abin ya samu sadarwa da kuma ko kadai abubuwan aiki (offset properties) (top/right/bottom/left) suna aiki.
{ : static; }
{ : relative; }
{ : absolute; }
{ : fixed; }
{ : sticky; }
absolute yana saitawa abin relative ga ancinsa mafi kusa da aka saitawa (wani abu banda static). Saboda haka kuna saita position: relative akan uwar/ubangida don sa ta zama wurin musanya:
.card {
position: relative; /* becomes the positioning context */
}
.badge {
position: absolute; /* positioned relative to .card */
top: 8px;
right: 8px; /* pins the badge to the card's top-right corner */
}
Akan tsari na uwar-relative / yaro-absolute ya kasance a cikin kashi: jirge, buɗi-ƙura, dokoki, buɗi-bawon.
.navbar { position: fixed; top: 0; } /* stays put on screen while scrolling */
.section-header { position: sticky; top: 0; } /* scrolls with content, then sticks at top */
top: 0), sa'an nan ya sami kanan inda tarinsa ke gida — kyau ga ƙatango na sako.abin absolute/fixed sun ba da jiya daga jefin kusanci, saboda ba sa karbar sarari — sauran jiki suna aiki kamar ba su nan, waye iya sa jiya. Shirya haka (misali, dada wadde don kirga navbar na kulle).
position ya zama muhimmi don jiya, jira-ƙatango, buɗi-buɗi, buɗi-ƙura da jirge.
Uwar-relative/yaro-absolute da bambance-bambanci fixed-vs-sticky sun kasance mahimmancin aiki da kuke aiki shi koyaushe.