box-sizing的值有3個(gè)：content-box,border-box,inherit
| value | description |
|---|---|
| content-box | 在寬度和高度之外繪制元素的內(nèi)邊距和邊框 |
| border-box | 為元素指定的任何內(nèi)邊距和邊框都在已設(shè)定的高度和寬度內(nèi)進(jìn)行繪制，通過從設(shè)定的高度和寬度減去內(nèi)邊距和邊框才得到內(nèi)容的寬度和高度 |
(貌似句子太長碰見“-”會(huì)換行，求大神指點(diǎn))
我們在做頁面的時(shí)候，為了避免div的實(shí)際長度和高度與我們的設(shè)定值不符，我們采用border-box這個(gè)屬性，在全局css中加入如下代碼：
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
