Как работает `box-sizing`?

СобеседованиеBox Model

content-box (default): width = только контент
border-box: width = контент + padding + border
Рекомендуемый reset: *, *::before, *::after { box-sizing: border-box; }
border-box упрощает расчёты: width: 100% реально занимает 100%, даже с padding