เทียบความกว้างสองโหมด

/* content-box: รวม ≈ 200 + 40 + 10 = 250px */
.box-content {
  box-sizing: content-box;
  width: 200px;
  padding: 20px;
  border: 5px solid #333;
}

/* border-box: รวม = 200px (content หดเหลือ 150) */
.box-border {
  box-sizing: border-box;
  width: 200px;
  padding: 20px;
  border: 5px solid #333;
}