浏览器标准模式和怪异模式的区别详解
两者的区别：
1.盒模式的解析上：
在strict mode 中： width是内容宽度
在quirks mode 中： width则是元素的实际宽度，
而内容宽度 = width- (margin-left + margin-right + padding-left + padding-right + border-left + border-right)
2. 图片元素垂直对齐方式
在strict mode 中： vertical-align 属性默认取值为baseline
在 quirks mode 中： vercital-align 属性默认为bottom，因此在图片底部会有几像素的空间。
3.<table>元素中的字体
quirks mode 下，对于table元素，字体的某些属性将不会从body或其它封闭元素继承到table中，特别是font-size属性
4，内联元素的尺寸
在standards mode 下，non-repalced inline 元素无法自定义大小，而在quirks mode 下，定义这些元素的width 和 height属性，能够影响改元素显示的大小尺寸
5.元素的百分比高度
当一个元素使用百分比高度时，在standards mode 下 高度取决于内容的变化，而在 quirks mode 下，百分比能被正确的应用
6.元素的溢出处理
在 stand mode下， overflow取默认值visible，即溢出可见，这种情况下，溢出内容不会被裁剪，呈现在元素框外，而在quirks mode下，该溢出被当作跨展box来对待，即元素的大小由其内容决定，溢出不会被裁剪，元素框自动调整，包含溢出内容
相关文章
图文推荐
- 文章
- 推荐
- 热门新闻