Reset.css

Tests the styles found in reset.css. First up...

box-sizing: border-box;

Changes the box model. Could be a risky strategy...


This box is in the flow. It has a fixed width of 128px.
This box is in the flow. It has a min-width of 128px applied.
This box is in the flow. It has a max-width of 128px applied.
This box is absolutely positioned.
This box is absolutely positioned. It has min-height: 128px;
This box is absolutely positioned. It has max-height: 128px; I'm going to try and push it bigger.

It says at Quirksmode that box-sizing doesn't work with min- or max-width or height. Here, it seems to work in all but IE8, with just a couple of gotchas in FF.

FF: if width or height are 'auto', min-height and max-height are set on the content-box.

IE8: min- or max- width or height are always applied to the content-box.