Att arbeta med padding i CSS
Låt oss säga att vi har satt bredden på ett element till
100px. I CSS betyder detta inte nödvändigtvis
att elementet verkligen kommer att vara
100px bred. Saken är den att tillägget av
padding utökar elementet och det blir
större än vad som anges i egenskapen width.
Låt oss titta på ett exempel. Vi skapar två
block som vi ger bredden 100
pixlar. Samtidigt ger vi det andra blocket
padding, men inte det första. Som ett resultat
kommer det andra blocket att vara större med storleken på padding:
<div id="elem1"></div>
<div id="elem2"></div>
#elem1 {
width: 100px;
height: 100px;
background: #f1f1f1;
margin-bottom: 20px;
}
#elem2 {
padding: 25px; /* sätter padding */
width: 100px;
height: 100px;
background: #f1f1f1;
}
:
