Overflow css

pytanie zadane 16 września 2018 w HTML i CSS przez Przemek Zembrzuski Gaduła (3,240 p.)

Witam,

mam takie pytanie które nie daje mi spokoju, a mianowicie mam taką strukturę:

<body>
  <header>
     <div></div>
  </header>
</body>

i gdy div ma position:absolute to overflow nadane na header nie działa, ale już gdy overflow przypisze do body to wszystko jest ok. Moje pytanie brzmi czemu na body działa ?

1 odpowiedź

odpowiedź 16 września 2018 przez Grzegorz :> Dyskutant (8,050 p.)

Z tego co napisałeś wynika, że nie zadeklarowałeś żadnego pozycjonowania dla znacznika <header>. Elementy z position:absolute możemy przesunąć element w dowolnym kierunku od miejsca położenia w kontenerze. Kontenerem są elementy z position relative, absolute, fixed. Gdy niema takiego elementu nadrzędnego to wybiera go przeglądarka.

A więc powinno wystarczyć dodanie pozycjonowania dla znacznika <header>

Pozdrawiam :^)

komentarz 16 września 2018 przez Przemek Zembrzuski Gaduła (3,240 p.)

Wiem że wystarczy nadać pozycjonowanie inne niż static dla header i wszystko zacznie działać poprawnie, ale ciekawi mnie czemu gdy tego pozycjonowania nie ma dla header to oveflow nadal działa gdy go nadam dla body. Ponieważ wedlug dokumentacji, jeśli nie ma elemntu nadrzędnego z pozycją inna niż static to element jest pozycjonowany względem initial containing block