【转】缺少HTML Doctype造成的样式问题

html页面中顶部缺少Doctype会给布局和样式带很诡异的影响，从样式和位置细节找不到问题原因时，第一个就要考虑是不是缺少Doctype文档类型声明。目前比较常用的Doctype是html5类型：

  1.     <!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效果没有上去

posted on 2012-01-31 11:28  Cindy Yao  阅读(874)  评论(0)  编辑  收藏  举报

导航