box-sizing

實(shí)例

指定兩個(gè)boxes接壤：

div { box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ width:50%; float:left; }

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個(gè)瀏覽器版本號(hào)。

屬性
box-sizing	10.0 4.0?-webkit-	8.0	29.0 2.0?-moz-	5.1 3.2?-webkit-	9.5

box-sizing 屬性允許你以某種方式定義某些元素，以適應(yīng)指定區(qū)域。

例如，假如您需要并排放置兩個(gè)帶邊框的框，可通過(guò)將 box-sizing 設(shè)置為 "border-box"。這可令瀏覽器呈現(xiàn)出帶有指定寬度和高度的框，并把邊框和內(nèi)邊距放入框中。

默認(rèn)值:	content-box
繼承:	no
版本:	CSS3
JavaScript 語(yǔ)法:	object.style.boxSizing="border-box"

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

值	說(shuō)明
content-box	這是 CSS2.1 指定的寬度和高度的行為。指定元素的寬度和高度（最小/最大屬性）適用于box的寬度和高度。元素的填充和邊框布局和繪制指定寬度和高度除外
border-box	指定寬度和高度（最小/最大屬性）確定元素邊框。也就是說(shuō)，對(duì)元素指定寬度和高度包括了 padding 和 border 。通過(guò)從已設(shè)定的寬度和高度分別減去邊框和內(nèi)邊距才能得到內(nèi)容的寬度和高度。
inherit	指定 box-sizing 屬性的值，應(yīng)該從父元素繼承