The Models


As soon as you start adding padding to a div, or some other element, the efficient size of the element gets tampered with. Not only is this annoying but it can also lead to problems in combination with jQuery’s animate method, just to pick one. Here’s a quick fix to avoid this.

The Magic

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

Want More?

I tried to keep this one short. For more information on this topic check out the links below: