The box-sizing Property

Defines how the width and height of an element are calculated: should they include padding and borders, or not.

box-sizing: content-box (default):

Width and height only apply to the content of the element:

box-sizing: border-box:

Width and height apply to all parts of the element: content, padding and borders: