Edit in JSFiddle

<div class="elem">
    Element ohne Box-sizing - dazu etwas Blindtext, damit das Padding an den Seiten etwas besser sichtbar ist.
  <br><br>
  Weite: 200px<br>
  padding: 10px<br>
  Border: 5px
  = <strong>230px</strong>
  
</div>
<div class="elem bs">
    Element mit Box-sizing - dazu etwas Blindtext, damit das Padding an den Seiten etwas besser sichtbar ist.
  <br><br>
  Weite: 200px<br>
  padding: 10px<br>
  Border: 5px
  = <strong>200px</strong>
</div>

.elem{
  width: 200px;
  height: 150px;
  padding: 10px;
  margin: 10px;
  display: block;
  background: #f00;
  border: 5px dashed black;
  font: 12px/15px Helvetica, Arial, sans-serif;

}
.bs{
    -webkit-box-sizing: border-box; /* Safari 5.1+ / Chrome / WebKit / Old iOS & Android */
    -moz-box-sizing: border-box;    /* Firefox / Gecko */
    box-sizing: border-box;         /* Opera / IE 8+ */
}