margin:是元素外边缘往外延伸的距离,,会改变元素的位置,不会改变元素的实际大小。
padding:是元素内边缘往内延伸的距离,会导致元素整体的大小增大。
比如一个元素宽度是100px,高度是100px,标记为①,
这个元素的右边再放一个元素也是100x100②
如果给②这个元素加个margin-left:10px; 两个元素之间就会拉开一个10px的距离,不会改变元素的实际大小
如果给②这个元素加个padding:10px; 会发现元素之间没有距离,还是挨着呢,但是会发现②这个元素变宽了,比100px大了,变成了110px