关于ie的盒子模型bug
关于盒子模型，引入w3cschool的一个图即可解释：
css2.1标准规定，设置一个元素的width，height值，为其定义内容尺寸，即这个尺寸是作用在该元素的context box上的。
但是当给一个块级非替换元素设置width、height时，他们在ie6,ie7,ie8在混杂模式下（quriks mode）被错误的作用到了该元素的border box上，也就是说在这些浏览器中，width、height并不被认为是“内容尺寸”。这就是臭名昭著的ie盒模型bug。
解决这个问题最简单的方法是页面工作在标准模式下。
关于混杂模式和标准模式：如果页面没有声明<!DOCTYPE>则所有浏览器默认都会开启混杂模式。因此建议编写页面时都加上doctype声明，最简单的是声明为html5格式的，<!DOCTYPE html>这样页面就运行在标准模式下，不会出现ie的盒子模型bug了。
