margin 和 padding 的区别

通俗的讲法：

padding：内边距，如果以border为界限的话，在border里。

margin：外边距,在border外。

相同点：参数相同 （a,b,c,d）->(上,右,下,左)

举个例子，很容易看出：

css样式：

1 2 3 4 5 6 7 8

div{      width : 100px ;      height : 100px ;      border : 2px  solid  blue ;      padding : 10px  10px  10px  10px ;      margin : 10px  10px  10px  10px ;      background-color : black ; }

body部分很简单，就只有一个空的<div></div>.

本文转自 爱笑嘚蛋蛋 51CTO博客，原文链接：http://blog.51cto.com/dd118/1672953，如需转载请自行联系原作者