Rad sa padding odstupima u CSS-u
Neka smo nekom elementu postavili širinu
100px. U CSS-u to nikako ne znači
da će element zaista biti širok
100px. Stvar je u tome da dodavanje
padding proširuje element i on postaje
veći nego što je navedeno u svojstvu width.
Pogledajmo na primeru. Napravićemo dva
bloka, kojima ćemo zadati širinu od 100
piksela. Pritom ćemo drugom bloku zadati
padding, a prvom - ne. Kao rezultat
drugi blok će biti veći za veličinu odstupa:
<div id="elem1"></div>
<div id="elem2"></div>
#elem1 {
width: 100px;
height: 100px;
background: #f1f1f1;
margin-bottom: 20px;
}
#elem2 {
padding: 25px; /* postavljamo odstope */
width: 100px;
height: 100px;
background: #f1f1f1;
}
:
