本文探讨了HTML页面中缺少Doctype文档类型声明可能带来的问题，如绝对定位元素位置偏移、表格字体大小不正确、非a链接元素hover效果缺失，并提供了解决这些问题的方法。
html页面中顶部缺少Doctype会给布局和样式带很诡异的影响，从样式和位置细节找不到问题原因时，第一个就要考虑是不是缺少Doctype文档类型声明。目前比较常用的Doctype是html5类型：
<!DOCTYPE html>
这个声明使IE8、IE9处于Standards Mode标准模式，IE7、IE6处于Almost Standards Mode标准兼容模式，Firefox等现代浏览器基本是Standards Mode标准模式，详细参考这个表格。
收集一下缺少Doctype遇到过的问题现象：
1. 绝对定位元素位置偏移，怎么调都没用
2. 在Firefox和Chrome中，表格font-size没有继承父类元素大小，莫名其妙变大了几像素。
一开始给table元素添加：font-size: inherit; 解决了，后来发现还是没有Doctype的问题。
3. 非a链接元素hover效果没有上去
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
