在页面顶部设置 doctype是为了统一标准

浏览器有标准模式和怪异模式

而这两种模式最大区别就是 盒模型的解析不同

==============================

图片摘自网络

==========================

比如IE width=100px padding=20px; 那ie的width在网页里面还是显示为：100px; padding的20px。是包含在100px里面。也就是说这时content 是80px；

而标准width=100px就是content=100px padding=20px。标准的padding把内容撑开了

换句话说，ie下宽度还是自身宽度，padding在这个宽度里面。展现还是自身的宽度

标准时padding把设置的宽度撑破了

IE6 盒子模型中，盒子的尺寸包含了 内容区，padding， border 和 margin 这四个部分，而 W3C 的盒子模型中，盒子的尺寸只包含内容区，padding，border 和 margin 被排除在盒子尺寸之外。

说来说去就是一句话：加上doctype声明，让浏览器使用标准模式

=====================

部分信息 参考网络资料