# position प्रॉपर्टी — सीएसएस

Source: https://www.geekswithgeeks.com/hi/css/css-position

> static, relative, absolute, fixed, और sticky पोज़िशनिंग।

## पाँच मान

`static` डिफ़ॉल्ट फ्लो। `relative` अपनी सामान्य जगह से हटता है, जगह फिर भी आरक्षित रहती है। `absolute` फ्लो से हटता है, निकटतम पोज़िशन्ड पूर्वज के सापेक्ष रखा जाता है। `fixed` व्यूपोर्ट के सापेक्ष। `sticky` स्क्रॉल पर relative और fixed के बीच बदलता है।

## relative के अंदर absolute

क्लासिक पैटर्न: `relative` पेरेंट, `absolute` चाइल्ड को एक संदर्भ बॉक्स देता है।

```css
.card {
  position: relative;
}

.badge {
  position: absolute;
  top: 8px;
  right: 8px;
}
```

## sticky की व्याख्या

`top: 0` के साथ `position: sticky` सामान्य रहता है जब तक स्क्रॉल स्थिति सीमा तक न पहुँचे, फिर यह "चिपक" जाता है — सेक्शन हेडर और टेबल हेडर के लिए बढ़िया।

**Quiz:** `absolute` एलिमेंट किसके सापेक्ष रखा जाता है?

- [ ] हमेशा व्यूपोर्ट के सापेक्ष
- [x] अपने निकटतम पोज़िशन्ड पूर्वज के सापेक्ष
- [ ] अपने तुरंत सिबलिंग के सापेक्ष

*Answer:* अपने निकटतम पोज़िशन्ड पूर्वज के सापेक्ष. यह पेड़ में ऊपर, static के अलावा किसी position वाले निकटतम पूर्वज को खोजता है; न मिले तो व्यूपोर्ट पर वापस जाता है।