标准模式与混杂模式 · 学海无涯_究其本质_李东旭

>[danger]标准模式与混杂模式 ---- * 标准模式: 浏览器以其支持的最高标准呈现页面 (标准盒模型) * 混杂模式: 即以前那种未按照统一标准工作的模式, 也叫怪异模式 (怪异盒模型) ---- 触发混杂模式: 不写`<!DOCTYPE html>`, 或者在前面加入标签, 注释, 文本 1. 标准模式下, div中包含的内容只有图片时, 底部多5px ---- ![](https://box.kancloud.cn/eeabd0e028a022b21bdd58679de408cb_948x639.png) 解决方式: 对img设置vertical-align: middle; 2. 混杂模式下, 表格中的字体不会继承它祖先元素 ![](https://box.kancloud.cn/5d360ebaa9d54de8177ec9b47a1183ff_536x174.png) ~~~ <style> body{ margin: 0; font-size: 48px; } </style> <body> <table><tr><td>我是48号字</td></tr></table> </body> ~~~