Arbejde med padding i CSS
Lad os sige, at vi har givet et element en bredde på
100px. I CSS betyder det på ingen måde,
at elementet faktisk vil have en bredde på
100px. Kernen er, at tilføjelse af
padding udvider elementet, og det bliver
større, end hvad der er angivet i egenskaben width.
Lad os se på et eksempel. Lad os lave to
blokke, som vi giver en bredde på 100
pixels. Men vi giver den anden blok
padding, og den første - ikke. Som et resultat
vil den anden blok være større med størrelsen af padding:
<div id="elem1"></div>
<div id="elem2"></div>
#elem1 {
width: 100px;
height: 100px;
background: #f1f1f1;
margin-bottom: 20px;
}
#elem2 {
padding: 25px; /* angiv padding */
width: 100px;
height: 100px;
background: #f1f1f1;
}
:
