css3:border-box將邊框，padding計算都計算在寬度內

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

這個class可讓元素的寬度始終等於其width的值，無論padding和border寬度爲多少，如：

.input { width: 100%; padding: 0 10px}

<input class="input border-box">

這個input寬度始終都爲100%，對應自適應的元素設置padding和border很是好用

這個是css3屬性，必須在支持html5瀏覽器下，通常用在手機端！

box-sizing的默認值是content-box，寬高度等於邊框寬度+內邊距+內容寬高度

border-box：寬高度等於內容其設置好的width和height值

參考：http://www.w3cplus.com/content/css3-box-sizing