box-sizing屬性包括content-box（default），border-box，padding-box。
1、content-box，border和padding不計算入width之內
2、padding-box，padding計算入width內
3、border-box，border和padding計算入width之內，其實就是怪異模式了~
注意：
ie8+瀏覽器支援content-box和border-box；
ff則支援全部三個值。
使用時：
-webkit-box-sizing: 100px; // for ios-safari, android
-moz-box-sizing:100px; //for ff
box-sizing:100px; //for other
示例如下：?
<styletype="text/css">
.content-box
.padding-box
.border-box
截圖（ff）：
關於css3 box sizing屬性
在css3中，box sizing提供了兩種選擇，乙個是content box，乙個是border box。content box的模式裡，元素設定的寬和高為內容寬高 而border box中，元素設定的寬高為整體元素呈現出來的寬高。使用第二種模式就省去了計算，能夠十分簡單地，不需計算內外邊距而設定...
理解box sizing屬性
box sizing是乙個css3屬性，與盒子模型有著密切聯絡。即決定元素的寬高如何計算，box sizing有三個屬性 box sizing content box border box inherit 複製 content box 使得元素的寬高即為內容區的寬高 box 左 box 右 複製 上...
box sizing的屬性值
box sizing屬性值及作用 content box 這是box sizing的預設屬性值 padding和border不被包含在定義的width和height之內。物件的實際寬度等於設定的width值和border padding之和，即width border padding，表現為標準模式...