IE6以前的浏览器兼容性
1.百分比高度被准确应用（IE6就是高度百分之百就是外部盒子大小的百分之百，而现在是外部盒子内容区的百分之百）
2.内联元素设置宽高影响尺寸
2.table单元格的图片的vertical-align默认值为bottom
3.某些元素的字体样式不继承body的设置，特别是font-size
4.overflow:hidden在某些情况下不生效
解决方案：由于阻碍了网页开发设计的发展，标准渲染模式的诞生
问题：以前建设的网站不支持标准模式
解决方案：保留以前解析渲染的标准(混杂/怪异模式 -> 浏览器向后兼容)
怪异模式
console.log(document.compatMode) //BackCompat
标准模式
console.log(document.compatMode) //CSS1Compat 其实现代浏览器已经取消掉了怪异模式的兼容了
渲染到底是什么？
渲染：用一个特定的软件将模型（一个程序）转化为用户能看到的图像的过程
渲染引擎：内部具备一套绘制图像方法的集合，渲染引擎可以让特定的方法执行把HTML/CSS代码解析成图像显示在浏览器窗口中。
html和css代码会被异步解析然后形成DOM树还有CSSOM树，然后合成生成渲染树，然后布局绘制，最后显示
