CSS-dä elementleriň giňelmegini ýatyrmak
Esasan, öňki sapaklarda düşündirilen giňelme zyýanlydyr
we ondan halas bolmak isläeris. Bunuň üçin
CSS-de box-sizing aýratynlygy bar.
Eger onuň bahasyna border-box belleň,
onda padding hem, çäg hem
bloky giňeltmez:
<div id="elem1"></div>
<div id="elem2"></div>
#elem1 {
width: 100px;
height: 100px;
background: #f1f1f1;
margin-bottom: 20px;
}
#elem2 {
width: 100px;
height: 100px;
background: #f1f1f1;
padding: 25px; /* boşluklary belläýäris */
border: 10px solid green; /* çägini belläýäris */
box-sizing: border-box; /* giňelmäni aýyryň */
}
:
box-sizing aýratynlygyny
öz başyňyza synaň.
