浏览器标准模式和怪异模式之间的区别是什么?

解析的方式不同

1. 在没有w3c标准之前,各个浏览器的解析方式不同 , 在w3c出现后浏览器又出现了统一的标准,这就是标准模式 ,
   但是有很多旧网页都是按照非标准来的,为了支持这些旧网页,浏览器就按照非标准来解析,这就是怪异模式
2. 标准模式是:浏览器安W3C解析代码
3. 怪异模式:使用浏览器自己的方式解析代码

区别: 盒模型

• 怪异模式下盒子模型为ie盒子模型
• 标准模式下盒子模型为玩w3c标准盒子模型
• 在标准模式下的盒模型，盒子总宽度/高=width/height+padding+border+margin
• 在怪异模式下，盒子的总宽度=width + margin(左右)（即width已经包含了padding和border值）

Table元素中的字体:

• 标准模式下css对于font属性是可以继承的
• 怪异模式下字体不会从其他元素中继承得到

内联元素的尺寸：

• 标准模式下:内联元素无法自定的大小
• 怪异模式下:定义width height 可以影响元素的尺寸

元素溢出的处理:

• 标准模式下:overflow取默认值visible
• 怪异模式下:元素的大小由其内容决定，溢出不会裁减，元素框自动调整，包含溢出内容。