Atkāpju padding darbs CSS
Lai kādam elementam mēs iestatījām platumu
100px. CSS tas nemaz nenozīmē,
ka elements patiesībā būs platums
100px. Lieta ir tāda, ka pievienojot
padding paplašina elementu un tas kļūst
lielāks, nekā norādīts īpašumā width.
Apskatīsim piemērā. Izveidosim divus
blokus, kuriem iestatīsim platumu 100
pikseļi. Tajā pašā laikā otrajam blokam iestatīsim
padding, bet pirmajam - nē. Rezultātā
otrais bloks būs lielāks par atkāpes lielumu:
<div id="elem1"></div>
<div id="elem2"></div>
#elem1 {
width: 100px;
height: 100px;
background: #f1f1f1;
margin-bottom: 20px;
}
#elem2 {
padding: 25px; /* iestatām atkāpes */
width: 100px;
height: 100px;
background: #f1f1f1;
}
:
