怪异模式下的盒子模型

BoxModeQuirks. All IE Browser are in quirks mode

怪异模式下的盒子模型

&lt!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt

 

说明

在怪异模式下，IE系列（IE5.5+）浏览器将以传统的模式渲染CSS中的盒子模型,在非IE内核浏览器中均表现为W3c标准模式下的盒子模型。

本测试文档就是关于传统模型下的盒子模型的

下图给出的是微软官方文档（MSDN）关于盒子模型的介绍

测试代码

CSS

.testBoxModeOuter{border:2px black dashed; width:200px; margin:0 auto;}

.testBoxModeInner{margin:20px; width:100px; border:10px solid black; padding:10px;}

Html

&ltdiv class="testBoxModeOuter"&gt &ltdiv class="testBoxModeInner"&gt 这个是测试 &lt/div&gt &lt/div&gt

测试效果

这个是测试