Die Invloed van Grense op Elementuitbreiding in CSS

Die grens vergroot ook die blok. Laat ons kyk na 'n soortgelyke voorbeeld. Laat ons aan die tweede blok 'n grens van 10px gee:

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

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

#elem2 {
  width: 100px;
  height: 100px;
  background: #f1f1f1;
  border: 10px solid green;  /* stel grens vas */
}

Результат: