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

    相关文章:

    • 2021-09-29
    • 2021-10-02
    • 2021-06-02
    • 2021-08-02
    • 2022-12-23
    • 2021-08-03
    • 2022-12-23
    猜你喜欢
    • 2021-05-29
    • 2021-06-17
    • 2022-12-23
    • 2022-12-23
    • 2022-12-23
    • 2022-12-23
    • 2022-12-23
    相关资源
    相似解决方案