-
DOCTYOE
的作用是告知浏览器的解析器以何种文档类型规范来解析页面 -
若DOCTYPE不存在或书写错误,浏览器则会将此页面以怪异模式来解析
-
盒模型又分为标准盒模型和怪异盒模型
-
标准盒模型是W3C标准又称为严格模式
- 此时盒子的宽高即content的宽高
-
怪异模式盒模型是ie标准,又称为混杂模式、兼容模式
- 此时盒子的宽高是
content的宽高+padding*2+border*2
- 此时盒子的宽高是
-
而
box-sizing:border-box;
属性就是将标准模式变为怪异模式- 此时宽度固定,添加border、padding,将改变content的宽度,不改变原宽度
-
09-04