What is the CSS box model?

The box model consists of content, padding, border, and margin.

By default, width applies to content only. With box-sizing: border-box, width includes padding and border, which makes layouts easier to reason about.