浏览器的怪异模式和标准模式

怪异模式是让IE的行为更接近IE5，标准模式则是让IE的行为更接近标准。

       所以想写跨浏览器的css，尽量使用标准模式。

解决方案就是采用doctype声明，大多数浏览器采用下面的这些判断规则

•     浏览器要使老旧的网页正常工作，但这部分网页是没有doctype声明的，所以浏览器对没有doctype声明的网页采用quirks mode解析。

•     对于拥有doctype声明的网页，什么浏览器采用何种模式解析，这里有一张详细列表可参考：http://hsivonen.iki.fi/doctype/

•     对于拥有doctype声明的网页，这里有几条简单的规则可用于判断：

对于那些浏览器不能识别的doctype声明，浏览器采用strict mode解析

 

在doctype声明中，没有使用DTD声明或者使用HTML4以下（不包括HTML4）的DTD声明时，基本所有的浏览器都是使用quirks mode呈现，其他的则使用strict mode解析。

可以这么说，在现有有doctype声明的网页，绝大多数是采用strict mode进行解析的

quirks mode和strict mode最大的不同就是提现在对盒模式的解释上

在strict mode中：

width是内容宽度，也就是说,元素真正的宽度 = margin-left  +  border-left-width  +  padding-left  + width  +  padding-right  +  border-right-width  +  margin-right;

 

在quirks mode中：

width则是元素的实际宽度，内容宽度 = width  -  (margin-left  +  margin-right  +  padding-left  +  padding-right  +  border-left-width  +  border-right-width)

部分内容来自http://www.cnblogs.com/jenry/archive/2013/01/05/2846530.html