可視寬（高）=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(注意下距離左側(cè)auto，會把剩下的空余距離全都占掉)
Margin-right同理
Margin：0 auto地技；居中
box-sizing 盒模型解析模式
Content-box 標(biāo)準(zhǔn)盒模型 width/height=border+padding+content
Border-box 怪異盒模型 width/height=content
