Box Sizing | CSS-Tricks
Extracted Page: http://css-tricks.com/box-sizing/
The "box model" in CSS works like this:
width + padding + border = actual visible/rendered width of box
height + padding + border = actual visible/rendered height of box
It's a little weird, but you get used to it. In IE 6 and earlier, when in "quirks mode," the box model was treated differently.
width = actual visible/rendered width of box
height = actual visible/rendered height of box
The border and padding values moved inward, cutting into the width/height of the box rather than expanding it. Here is a dramatic example of the difference:
It was weird quir
Additional text has been truncated due to copyright reasons. Things without URLs and private things don't get truncated.