Rodzic – dziecko
Domyślnie szerokość elementu div równa jest szerokości jego rodzica (parent), tzn. elementu, w którym jest zagnieżdżony. Pamiętacie pewnie z lekcji 1-szej (Html, Head, Body) strukturę strony internetowej. Można stwierdzić, że rodzicem wszystkich elementów strony internetowej jest element <html>
. Jego tzw. dzieckiem (child) jest element body. Z kolei jeśli wstawimy do elementu body element <div>
, to element body będzie rodzicem elementu div itd. Element html zostanie w tym przypadku dziadkiem (grandparent) elementu div (ale rodzinnie nam się zrobiło). Łapiecie już chyba zasadę.
To właśnie zagnieżdżanie elementów powoduje ustalenie hierarchii pomiędzy nimi. Nie przejmujmy się na razie dalszymi konotacjami rodzinnymi, z doświadczenia wiem, że to połapać się w nich nie jest najłatwiej. My najczęściej będziemy używać tych najprostszych relacji, czyli rodzic – dziecko.
<html> <body> <div></div> </body> </html>