CSS Tutorial 37 - box-sizing property
In this CSS tutorial I go over the box-sizing property. With box-sizing property, you can set how the width and height or an html element is calculated.
By default the box-sizing property is set to "content-box" value. Which means the height and width only include the element content. The padding and border sizes are added on to the total size the element takes up.
You can also set box-sizing to "border-box" property, which means the width and height or elements will also include the border and padding sizes.