- 利于seo优化
- 在样式丢失的时候,还是可以比较好的呈现结构
- 更好的支持各种终端,例如无障碍阅读和有声小说等.
- 利于团队开发和维护,遵循w3c规范,减少代码差异,提高效率.
IE5.x以及Quirks(怪异)模式的IE6, IE7中, border和padding都包含在width和height中. 标准浏览器中 width和height仅仅包含content, 不包含border和padding。 css3 定义了box-sizing属性: box-sizing:content-box|border-box|inherit; content-box: 该属性维持css2.1盒模型的组成方式 border-box:该属性将重新定义css2.1盒模型组成模式(与IE6解析相同)