在 CSS 的盒子模型中，有兩個重要的選項：box-sizing:content-box 和 box-sizing:border-box，content-box 被稱爲正常盒子模型，採用標準模式解析計算，也是默認模式；border-box 被稱爲怪異盒子模型，採用怪異模式解析計算；
兩種模式的區別：標準模式會被設置的 padding 撐開，而怪異模式則相當於將盒子的大小固定好，再將內容裝入盒子。盒子的大小並不會被 padding 所撐開。
標準模式：盒子總寬度/高度 = 內容區寬度 /高度+padding+border + margin。
怪異模式：盒子總寬度/高度 = width/height + margin。
