Menene ƙimoshin kanta CSS?

Question

Accepted Answer

`position` yana sarrafa yadda abin ya samu sadarwa da kuma ko kadai abubuwan aiki (offset properties) (`top`/`right`/`bottom`/`left`) suna aiki.

```css
.a { position: static; }   /* default — normal flow, offsets IGNORED */
.b { position: relative; } /* normal flow, but offsets shift it from itself */
.c { position: absolute; } /* removed from flow, positioned vs nearest positioned ancestor */
.d { position: fixed; }    /* removed from flow, positioned vs the VIEWPORT */
.e { position: sticky; }   /* hybrid: normal until a scroll threshold, then sticks */
```

## relative + absolute: haɗin maɓala

`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:

```css
.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.

## fixed da sticky

```css
.navbar { position: fixed; top: 0; }   /* stays put on screen while scrolling */
.section-header { position: sticky; top: 0; } /* scrolls with content, then sticks at top */
```

- **fixed** — kulle ga gida (aka na gani), misali navbar na tsashen mutanen.
- **sticky** — yana aiki relative har ma ya iso ƙushin (`top: 0`), sa'an nan ya sami kanan inda tarinsa ke gida — kyau ga ƙatango na sako.

## Hadisiya ta narke

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).

## Me ya yi mahimmanci

`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.