盒模型的两种模式

    IE5及以下的浏览器对CSS不太友好，而IE6及以上的浏览器对CSS更加友好，这个时候就出现了Quirks 模式与 Standards 模式

    Quirks 模式即为怪异模式， Standards 模式即为标准模式；两种模式的出现必然会出现一定的兼容问题，在标准模式下如何兼容怪异模式下书写的CSS呢？在IE6下我们用DTD作为衡量标准，如果有DTD出现，那这个页面将会优先选择Standards 模式下CSS的写法，如果没有DTD，则采用原来的兼容写法。

    Quirks 模式与 Standards 模式下遇到的问题：

    1：在Quirks 模式下maigin:0 auto;是无效的，而 Standards 模式是有效的；

    2：在Quirks 模式下给元素设置高度宽度包括了padding和border，会直接改变其大小，而在 Standards 模式下给行内元素设置宽高是无效的！同样百分比的高度也是如此

box-sizing:content-box; 标准模式

box-sizing:border-box;怪异模式

使用时需要加私有前缀