Arbeid med innrykk padding i CSS
La oss si at vi har satt en bredde på
100px for et element. I CSS betyr dette
ikke nødvendigvis at elementet faktisk vil
ha en bredde på 100px. Grunnen er at
tillegg av padding utvider elementet,
så det blir større enn angitt i egenskapen
width.
La oss se på et eksempel. Vi lager to
blokker som vi setter en bredde på 100
piksler. Samtidig gir vi den andre blokken
padding, mens den første ikke får det.
Som et resultat vil den andre blokken være
større med størrelsen på innrykket:
<div id="elem1"></div>
<div id="elem2"></div>
#elem1 {
width: 100px;
height: 100px;
background: #f1f1f1;
margin-bottom: 20px;
}
#elem2 {
padding: 25px; /* setter innrykk */
width: 100px;
height: 100px;
background: #f1f1f1;
}
:
