瀏覽器標準模式和怪異模式的區別

兩者的區別：

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

3.元素中的字型

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來對待，即元素的大小由其內容決定，溢位不會被裁剪，元素框自動調整，包含溢位內容