基礎知識
語法：
box-sizing ： content-box | border-box | inherit
相關屬性 ： 無
取值：
content-box:此值維持css2.1盒模型的組成模式，border|padding|content
border-box:此值改變css2.1盒模型組成模式，content|border|padding
說明：
改變容器的盒模型組成方式。
引擎型別
gecko
webkit
presto
internet explorer
box-sizing
-moz-box-sizing
-webkit-box-sizing
-o-box-sizing/box-sizing
-ms-box-sizing
相容性：
型別internet explorer
firefox
chrome
opera
safari
版本()ie6
(√)firefox 2.0
(√)chrome 1.0.x
( 9.63
(√)safari 3.1
()ie7
(√)firefox 3.0
(√)chrome 2.0.x
(√)safari 4
(√)ie8
(√)firefox 3.5
**與例項
css**：
複製**
**如下:
.box_sizing
.box_sizing .in
html**：
複製**
**如下:
此處12畫素的和5畫素的padding值算在寬度裡面了~~
效果截圖
本文位址:
關於css3 box sizing屬性
在css3中，box sizing提供了兩種選擇，乙個是content box，乙個是border box。content box的模式裡，元素設定的寬和高為內容寬高 而border box中，元素設定的寬高為整體元素呈現出來的寬高。使用第二種模式就省去了計算，能夠十分簡單地，不需計算內外邊距而設定...
技術 CSS3 box sizing 屬性
說到 ie 的 bug，乙個臭名昭著的例子是它對於 盒模型 的錯誤解釋 在 ie5.x 以及 quirks 模式的 ie6 7 中，將 border 與 padding 都包含在 width 之內。這為前端工程師的工作平添了不少麻煩，幾戶每個需要定義尺寸的 box 都要思量一下 是否觸發了 盒模型 ...
css3 box sizing屬性值詳解
box sizing屬性可以為三個值之一 content box default border box，padding box。content box，border和padding不計算入width之內 padding box，padding計算入width內 border box，border和p...