css怪异盒和标准盒模型

1、css怪异盒和标准盒模型

w3c中定义的是标准盒模型，而IE中的是怪异盒模型

标准盒模型 即 width=content width+padding+margin+border

怪异盒模型 width=content width(padding+border)+margin

图片元素的垂直对齐方式：

​ 标准模式下: vertical-align的默认值是:baseline

​ 怪异模式下:vertical-align的默认值则是bottom

Table元素中的字体：

​ 标准模式下:可以被继承

​ 怪异模式下:不能被继承的

内联元素的尺寸：

​ 标准模式下:non-replaced inline 元素无法自定义大小

​ 怪异模式下:定义这些元素的宽高会影响到显示尺寸

元素的百分比高度：

​ 标准模式下:百分比是元素的高度,不可以是负值

​ 怪异模式下:百分比高度会被正确应用

元素溢出的处理：

​ 标准模式下:overflow默认值visible

​ 怪异模式下:溢出会被当做扩展box来对待，元素的大小由内容决定，溢出不会裁减，元素框自动调整，包含溢 出内容