網頁中任何一個元素都可以視為一個盒子，由里到外，盒模型包括外邊界（margin）、邊框（border）、內邊界（padding）和內容（content）。

盒模型基本分為3種：

　　CSS3屬性 box-sizing

　　1、標準模型 content-box ， width = content

　　2、IE模型（也就是怪異盒模型） border-box ，width = content + padding + border

　　3、padding-box

一般在開發中使用怪異盒模型比較多

思維導圖的圖示