任何技术岗位面试的时候都要经过人力面试和技术岗位面试至少两次。人力面试一般也就是考察一下个人品质以及薪资问题，而技术岗位则是考察你是否有真才实学。本文和大家分享一个难到了很多前端工程师的面试题：Quirks模式是什么？它和 Standards 模式有什么区别？
下面就是针对这个问题的讲解。
从 IE6 开始，引入了 Standards模式，标准模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。
在 IE6 之前 CSS 还不够成熟，所以 IE5 等之前的浏览器对 CSS 的支持很差， IE6 将对 CSS提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如果 IE6 支持 CSS 则将令这些页面显示不正常，如何在即保证不破坏现有页面，又提供新的渲染机制呢？
在写程序时我们也会经常遇到这样的问题，如何保证原来的接口不变，又提供更强大的功能，尤其是新功能不兼容旧功能时。遇到这种问题时的一个常见做法是增加参数和分支，即当某个参数为真时，我们就使用新功能，而如果这个参数 不为真时，dd 就使用旧功能，这样就能不破坏原有的程序，又提供新功能。IE6 也是类似这样做的，它将 DTD 当成了这个“参数”，因为以前的页面大家都不会去写 DTD，所以 IE6 就假定 如果写了 DTD，就意味着这个页面将采用对 CSS 支持更好的布局，而如果没有，则采用兼容之前的布局方式。这就是Quirks 模式（怪癖模式，诡异模式，怪异模式）。
区别：
总体会有布局、样式解析和脚本执行三个方面的区别。
盒模型：在 W3C 标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在 Quirks 模式下，IE 的宽度和高度还包含了 padding 和 border。
设置行内元素的高宽：在 Standards 模式下，给<span>等行内元素设置 wdith 和 height 都不会生效，而在 quirks 模式下，则会生效。
设置百分比的高度：在 standards 模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的用margin:0 auto 设置水平居中：使用 margin:0 auto 在 standards 模式下可以使元素水平居中，但在 quirks 模式下却会失效。
其实面试过程中遇到不会回答的问题很正常，如果经过考察证明你的学习能力强，遇到不会的问题能够通过自己的能力快速掌握，面试官也有可能给你这个机会。但是实际的面试过程中并不能完全把希望寄托在面试官的善良上面。拥有真才实学才是你立足于职场的不败真理。
Quirks模式是什么？它和 Standards 模式有什么区别？这个问题，本文已经大体上解答了，还有很多内容并不能一一赘述。希望你在实际应用的过程中自己多多总结归纳。
相关推荐 更多
Docker是什么？大家都清楚在现在这个时代，技术更新迭代发展很快，容器化技术更是发展的一个趋势，今天带大家认识一下应用容器引擎Docker。
28
2019-7-23 18:52:17
对于许多零基础学编程的初学者来说，在一开始的时候难免会感到迷茫。写这篇文章的目的是，希望能够帮助初学者在入门的时候不至于误入歧途，离正确的学习道路越来越远。以下是编程自学入门，必须要知道的三点建议：
14
2019-7-23 18:41:15
在实体企业中，每个产品都要经过检验合格才可以进入市场，而互联网行业同样如此，网站作为一个产品上线前时甚至包括上线后，都要完成网站的性能测试。性能测试包含产品性能、负载测试、压力测试、稳定性测试等等方面。下面就为大家详细介绍一下每个性能测试的具体内容吧。
16
2019-7-23 18:37:08
Web前端开发培训就业班学费多少钱？如何甄别好的培训机构？参加Web前端培训后是否可以找到高薪的工作呢？大部分刚刚入行Web前端的小伙伴都会提出这些问题。下面小编就与大家一起探讨下这些问题。
21
2019-7-23 18:34:16
工欲善其事必先利器，影视制作离不开开源软件。现在，市面上的开源软件有不少，小编将推荐几款好用的：如Blender、Cinlerra、Jahshaka、MovieStorm、AVITricksVideo Editor、Libmv、Away3D、OpenFX等，感兴趣的小伙伴赶紧看下去吧！
35
2019-7-23 16:51:15
¥29 基础 172
¥19 基础 99
免费 进阶 602
免费 基础 471
免费 进阶 494
扫描二维码，回复"前端"获取90G资料包
