CSS3 中的 box-sizing屬性

語法：

box-sizing: content-text | border-box | inherit;

content-box（默認）：

寬度和高度分別應用元素的內容框；在寬度和高度以外繪製元素的內邊距和邊框。

border-box：

爲元素設定的寬度和高度決定了元素的邊框盒；就是說，爲元素指定的任何內邊距和邊框都將在已設定的寬度和高度內進行繪製；經過從已設定的寬度和高度分別減去邊框和內邊距才能獲得內容的寬度和高度。

inherit：

規定從父元素繼承box-sizing屬性的值。

示例：

content-box（默認）：

border-box：

瀏覽器兼容性：

IE8及以上版本支持該屬性，FireFox須要加瀏覽器廠商前綴 -moz-，低版本的iOS和Android瀏覽器也須要加上 -webkit-。