css 之 box-sizing

適用範圍：全部接收width和height的元素

默認值：content-box

取值：content-box | border-box

理解

1. content-box: padding和border不被包含在定義的width和height裏面，對象的實際寬度等於設置的width的只和border，padding之和， element width = width + border+padding

  2. border-box: padding和border包含在定義的width和height裏面，對象的實際寬度就是width，即時定義了border和padding也不會改變對象的實際寬度，element width = width 

    ps: border-box屬性表現爲怪異模式下的盒模型