A well-organized overview on design that’s put together quite nicely - by @wellsriley
A better-behaved CSS box model
@paul_irish writes about a quick way to make the box model behave more logically. That means once you define the width of an element to be 100px wide, it will always be 100 pixels wide - whether you add a 20px padding or not. This also takes away headaches of setting up columns with padding, since a 50% wide element will still be 50% of the parent container’s width regardless of padding. Bonus points for strong support on all modern browsers.
/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
