可視寬（高）=border+padding+width(height)

1> padding內(nèi)填充(padding在元素的邊框以內(nèi)，內(nèi)容之外,padding會顯示元素的背景)
Top|right|bottom|left

2>Margin:(邊框以外，不顯示元素的背景)
Top|right|bottom|left

margin合并的問題（相鄰兩個元素上下margin是疊加，取最大值顯示）
Margin傳遞問題 （子元素的margin會傳遞給父級）

解決margin（塌陷）傳遞的問題 border overflow float
解決margin合并的問題 繞過這個bug

Margin-left:auto(注意下距離左側auto，會把剩下的空余距離全都占掉)
Margin-right同理
Margin：0 auto；居中

box-sizing 盒模型解析模式
Content-box 標準盒模型 width/height=border+padding+content
Border-box 怪異盒模型 width/height=content