CSS盒子模型
一個盒子中主要的屬性就5個:width、height、padding、border、margin。如下:
width和height:內容的寬度、高度(不是盒子的寬度、高度)。
padding:內邊距。
border:邊框。
margin:外邊距。

如果想要切換盒模型也很簡單,這裡需要藉助css3的box-sizing屬性
  box-sizing: content-box 是W3C盒子模型 (width指content部分的寬度)
  box-sizing: border-box 是IE盒子模型 (width表示content+padding+border這三個部分的寬度)
box-sizing的預設屬性是content-box

.