怪异解析-盒模型
怪异解析 - IE6盒模型
怪异模式是:“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”。
怪异模式主要表现在IE内核的浏览器。在IE6下,盒模型存在着一种怪异解析模式。
不同模式下的盒模型大小
1、在正常解析模式下:
盒模型的宽度 = width + margin(左右) + padding(左右) + border(左右)
2、在怪异解析模式下:
盒模型的宽度 = width + margin(左右) 。(即width已经包含了padding和border值)
怪异解析
触发浏览器:IE6
触发条件:未进行文档声明。
BUG效果:盒模型的大小计算方法发生变化。
规避方法
怪异解析的规避方式非常简单:
正常设置文档声明即可:<!DOCTYPE html>