IE6的怪异解析模式：只在IE6下出现。
触发方法：没有文档声明 <!DOCTYPE html>，文档正确定义了DOCTYPE浏览器则会进入标准模式（Standards Mode），否则浏览器会进入怪异模式或混杂模式（Quirks mode）。
触发现象：合模型的实际宽度和高度等于内容区域和外边距的和，内边距和边框的宽高计算到内容中
规避方式：规范书写文档声明
本来，在当今主流浏览器中，合模型大小计算方式是：
宽（width）：（8+0+20）*2+500=556
[ width=margin-left+border-left+padding-left+500+padding-right+border-right+margin-right ]
高（height）：(8+0+20）*2+400=456
[ height=margin-top+border-top+padding-top+400+padding-bottom+border-bottom+margin-bottom ]
注:这里的宽高是指盒模型的整体宽高一整块
当触发怪异模式时，合模型的实际宽度和高度等于内容区域和外边距的和，内边距和边框的宽高计算到内容中。
即，宽（width）：8+8+500=516 高（height）：8+8+400=416
宽高都忽略掉了内边距（padding）和边框（border）大小
也就是：
说来说去，还是注意平时代码书写规范就行了，<!DOCTYPE html>
扫一扫
100
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
