padding-top:10px;是指容器内的内容距离容器的顶部有10个像素，是包含在容器内的；
margin-top:10px;是指容器本身的顶部距离其他容器有10个像素，不包含在容器内；
top:10px;是指容器本身的顶部距离页面的顶端有10个像素。
padding和margin的区别可以简单的理解为墙上挂着的两个相框，margin指的是相框与相框的距离，padding指的是每个相框里照片与相框边框的距离。
原文：http://www.cnblogs.com/tylerdonet/p/4849837.html