Why does padding make my Div bigger? code example

Example: applying padding increases the size of the element

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}