【怪异解析-盒模型】

来源:互联网 发布:四驱车凯旋战神淘宝 编辑:程序博客网 时间:2024/06/08 00:37

【怪异解析-盒模型】




怪异解析 - IE6盒模型

怪异模式是:“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”。

怪异模式主要表现在IE内核的浏览器。在IE6下,盒模型存在着一种怪异解析模式。


不同模式下的盒模型大小

1、在正常解析模式下:

盒模型的宽度 = width + margin(左右) + padding(左右) + border(左右)

2、在怪异解析模式下:

盒模型的宽度 = width + margin(左右) 。(即width已经包含了padding和border值)


怪异解析

触发浏览器:IE6

触发条件:未进行文档声明。

BUG效果:盒模型的大小计算方法发生变化。


规避方法

怪异解析的规避方式非常简单:

正常设置文档声明即可:<!DOCTYPE html>