Elementy zawierające

W CSS wiele wymiarów elementów liczonych jest względem elementów zawierających (ang. containing block).

W większości przypadków elementem zawierającym jest rodzic danego elementu.

 <x>
  <y>
   <z/>
  <y>
 </x>

W powyższym kodzie <x> jest elementem zawierającym dla elementu <y>, a <y> jest elementem zawierającym dla elementu <z>, natomiast <x> nie jest elementem zawierającym dla <z>.

W przypadku elementów pozycjonowanych absolutnie elementem zawierającym jest najbliższy nadrzędny element, który ma position inny, niż (domyślny) static. Nie nie musi być rodzic, a może to być dowolny z przodków.

 <x style="position:relative">
  <y>
   <z style="position:absolute"/>
  <y>
 </x>

W tym przypadku <x> jest elementem zawierającym dla <z>.

Pytania? Komentarze? Napisz na forum kursu lub edytuj tę stronę.


Zmodyfikowano: 23.10.2006, 17:46