宣告：本人學識有限，文中如有錯誤或不當之處，請各位指出，謝謝！
總長=width+padding（左右）+border（左右）+margin（左右）在標準盒模型中，當width不變時，padding（左右）和borde（左右）的改變都是要改變總長的。
也就是說盒模型的總長會在width不變的情況下，增加或減少padding（左右）和border（左右）都是會改變總長大小的。
總長=width+margin（左右）而在怪異盒模型的總長中width的大小不變時，padding（左右）和border（左右）的改變只在width中變化，不會改變總長的。
當設定box-sizing:content-box時，為標準模式，也是預設模式；
當設定為box-sizing:border-box時，為怪異模式；
標準盒模型與怪異盒模型的區別
在了解這兩種盒模型的區別之前首先我們要先了解什麼是盒模型 box mold 盒模型顧名思義就是在css中的盒子，把html的元素封裝成盒子用來設計和布局時使用，盒模型中又包含了以下幾個元素 1 內容 content 2 填充 padding 3 邊框 border 4 邊距 margin 詳細說明 ...
標準盒模型與怪異盒模型
1 盒子模型 box model 在html中，可以把元素看做盒子，盒子包括 實際內容 content 內邊距 padding 邊框 border 外邊距 margin 2 標準盒模型與怪異盒模型 對比兩種模型的區別 1.標準盒模型 標準盒模型 w3c盒子模型 設定的width或height是對 實...
標準盒模型 怪異盒模型
盒子模型的組成 盒子模型一般由 內容 content 邊框 border 左右外邊距 margin left margin right 左右內邊距 padding left padding right 這些部分組成。css中盒子模型分為兩種 w3c標準盒模型和ie標準盒模型 標準盒子模型 標準盒模型...