背景：遇到过个坑，两个相同的页面，元素结构和样式表都一样，渲染出来的结果却不一样。最后发现是有个html没有写
原因：由于历史原因，浏览器有两种渲染模式，分别为"怪异模式"（Quirks Mode，有时又称 “混杂模式”、”兼容模式 Compatibility Mode”）和标准模式（Standards Mode， 也称 strict mode）。
根据有无 <!DOCTYPE html>的标记，浏览器选择不同的渲染模式。有文档类型标记的用标准模式，在firefox浏览器下右键查看页面信息：
标准模式.png
反之浏览器则用怪异模式。
怪异模式.png
网友评论