box-sizing是乙個css3屬性，與盒子模型有著密切聯絡。即決定元素的寬高如何計算，box-sizing有三個屬性：
box-sizing: content-box|border-box|inherit:
複製**
"box">左
"box">右
複製**
上圖紅色箭頭即寬200px,不難理解，想象你有個div 現在你要定義它的寬為200px,此時頭腦中想象這個div,就是純粹的200px，無任何修飾。此時你覺得太單調了，想要新增乙個寬2px的邊框，那麼在設定成content-box規則下，你需要往這個div外邊圍繞乙個邊框，此時你這個div實際上要比原來div要稍微大。
border-box 與上面相反，如果你需要在乙個寬200px的div上圍繞2px的邊框，那麼你的邊框是在這個div容器內壁圍繞，即content+padding+border=200px
可見你的內容區實際上偏小了一點。
inherit 指定box-sizing屬性的值，應該從父元素繼承
關於box sizing屬性
box sizing屬性包括content box default border box，padding box。1 content box，border和padding不計算入width之內 2 padding box，padding計算入width內 3 border box，border和pa...
box sizing的屬性值
box sizing屬性值及作用 content box 這是box sizing的預設屬性值 padding和border不被包含在定義的width和height之內。物件的實際寬度等於設定的width值和border padding之和，即width border padding，表現為標準模式...
盒模型 box sizing 屬性
css3增添了盒模型 box sizing 屬性，box sizing屬性值 可以有下面三個值 content box 預設值，讓元素維持w3c的標準盒模型。元素的寬度 高度 width height 所佔空間 等於元素邊框寬度 border 加上元素內邊距 padding 加上元素內容寬度 高度 ...