CSS中的box-sizing

  在CSS中盒模型有两种,一种是W3C规定的标准模型,第二种是IE怪异盒模型

  W3C规定的标准模型width/height是指内容的宽高,IE怪异盒模型的width/height则是指可见区域(内容+padding+border)的宽高。

  在CSS3中新增了一个盒模型属性box-sizing,能够实现定义盒模型的尺寸解析方式

  【兼容性】IE7-不支持

【box-sizing】

  【值】content-box | border-box | padding-box | inherit

  【初始值】content-box

  【注意】

    1.只有Firefox支持padding-box属性

    2.IE浏览器在getComputedStyle得到width/height是按照标准模式计算的,而不论box-sizing的取值

原文地址:https://www.cnblogs.com/controlms/p/7769234.html