Innpakning og beholdere

lørdag, 24 august, 2019

I et HTML-dokument er det vanlige å bruke såkalte innpakninger (eng. wrapper) og beholdere (eng. container). Ifølge CSS-tricks brukes begrepet innpakning om en struktur som kan innholde mer enn ett element, mens beholdere inneholder kun ett enkelt objekt.

Innpakning

Et eksempel på bruk av innpakning kan være om vi vil pakke inn en hel side for å endre på den totale vidden av hele siden.

<div class="wrapper"></div>

.wrapper {
max-width: 960px;
margin-left: auto;
margin-right: auto;
}

Denne koden vil gjøre at maksvidden på hele siden vil være 960 piksler. Margene på sidene settes til auto – noe som gjør at siden blir midtstilt.

---