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，如需转载请自行联系原作者