CSS3实战之box-sizing

 

一般我们都认为border和padding都包含在width或height之内。

而现代标准的浏览器一般都认为width和height仅仅包含content，刨去了border和padding区域。

 

它有两个值可以取

1.content-box：width/height = border + padding + content

2.border-box: width/height = content

 

兼容性写法

.test{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}