在height、width应用的元素有区别
在IE的怪异模式下，我们可以看下界面
表现得跟块级元素一模一样呀。
再来看在IE的标准模式下，界面是什么样子的
[HTML] 纯文本查看 复制代码
<span style="height: 40px; width: 200px; background: red;margin:10px">
我是行内元素span，但是我可以在quirks模式下用width、height属性
</span>
box width = content width + padding left + padding right + border left + border right，
box height = content height + padding top + padding bottom + border top + border bottom，
但是在W3C标准下：
box width = content width，
box height = content height，
这样的话，会导致什么情况呢？我们来看下例子先：
自己在HTML再添加一个div元素，它的class为div就行了。在IE quirks model中：
但是在IE8 standard model中：
说明下：图片的盒子模型是在IE的开发者工具中截图出来的，红色框应该表示的是border+padding+content的width、height
[CSS] 纯文本查看 复制代码.div {
border: 5px solid blue;
height: 60px;
width: 200px;
}
在 IE Standard Mode 下，overflow 取默认值 visible，即溢出可见，这种情况下，溢出内容不会被裁剪，呈现在元素框外。而在 Quirks Mode 下，该溢出被当做扩展 box 来对待，即元素的大小由其内容决定，溢出不会被裁剪，元素框自动调整，包含溢出内容。其实就是说quirks model会自动包含溢出的子元素。
