`
yuting_lv
  • 浏览: 108234 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

缺少HTML Doctype造成的样式问题

 
阅读更多

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

 
分享到：
| firebug尺寸标尺消失不显示问题
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics