CSS 부모 요소에 따른 자식 요소(%)

(Element)

position: fixed;

 

Element -> ViewPort

 

---

 

(Element)

position: absolute;

 

(Ancestor content + padding)

position: absolute;

position: relative;

position: fixed;

position: sticky;

---

(Element))

position: static;

position: relative;

 

(Ancestor content)

block level element

 

Element -> Ancestor/Content + padding