margin与padding注意事项

margin
1、非替代(non-replaced)行内元素可以使用该属性定义horizontal-margin；若要定义vertical-margin，必须改变元素为块级或行内块级。
vertical-margin = margin-top,margin-bottom
horizontal-margin = margin-right,margin-left
2、margin折叠
margin折叠只发生在块级元素上，也就是说 margin 合并只发生在vertical-margin上。；
浮动元素的margin不与任何margin发生折叠；
绝对定位元素的margin不与任何margin发生折叠；
根元素的margin不与其它任何margin发生折叠；

padding
我们为行内元素定义纵向内补白（padding-top/padding-bottom）时，虽然不需要将之转化为行内块或者块级，但是给行内元素设置纵向内补白并不会影响布局。