### box-sizing ***** `box-sizing`的默认值`content-box`，还有一个`padding-box`，基本没什么用到。 当`box-sizing: border-box; `时，则实际宽高：`content+padding+border`，方便计算尺寸。 ***** #### 推荐写法 ``` *,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* 兼容处理 */ *, *:before, *:after { /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */ -webkit-box-sizing: border-box; /* Firefox (desktop or Android) 28- */ -moz-box-sizing: border-box; /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */ box-sizing: border-box; } ``` 出处：https://css-tricks.com/international-box-sizing-awareness-day/