Бо отступи padding дар CSS кор кардан

Бигзор барои як унсур паҳноии 100px муайян кардем. Дар CSS ин ҳаргиз маънои онро надорад, ки унсур дар асл ба паҳноии 100px баробар хоҳад буд. Маселе он аст, ки илова кардани padding унсурро васеъ мекунад ва он аз он чи ки дар хосияти width нишон дода шуда бузургтар мешавад.

Биёед бо мисол назар кунем. Ду блок сохта, барои онҳо паҳноии 100 пиксел муайян мекунем. Ҳамзамон ба блоки дуюм padding муайян мекунем, барои блоки аввал - не. Дар натиҷа блоки дуюм ба андозаи отступ бузургтар хоҳад буд:

<div id="elem1"></div>
<div id="elem2"></div>

#elem1 {
	width: 100px;
	height: 100px;
	background: #f1f1f1;
	margin-bottom: 20px;
}

#elem2 {
	padding: 25px; /* отступҳо муайян мекунем */
	width: 100px;
	height: 100px;
	background: #f1f1f1;
}