box-sizing屬性

box-sizing: content-box/ border-box

content-box: 瀏覽器對盒模型的解釋遵W3C 標準，width和height不包括border和padding。

border-box: 瀏覽器對盒模型的解釋與 IE6之前的版本相同，border和padding被包含在width和height之內的。內容的寬和高可以通過定義的width和height減去相應方向的padding和border的寬度得到。內容的寬和高必須保證不能爲負，必要時將自動增大該元素border box的尺寸以使其內容的寬或高最小爲0。

 -moz-box-sizing: border-box; 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box;