padding是内边距，例：.demo{padding:10px}，这句会在所有使用demo这个类的元素的上、右、下、左分别添加一个10像素的内边距。position是用来设置元素位置的，如：position:relative，这个的意思是将元素的位置设置为相对。另外还有position:absolute，用来绝对定位元素。例如：.demo{position:absolute;top:10px;right:10px}，这句会让使用demo这个类的元素进行绝对定位，让这个元素离上边10像素，离右边10px，也就是会把元素定位在右上角的位置上。
-
-
relative和padding的功能完全不一样，一个是定位属性，一个是盒子的空间属性。relative的作用是你给一个元素设成relative之后，再配合top、bottom、left、right使用，可以把它从原本的位置挪动一下，同时不会影响其他元素的排布。而padding就是设置元素内容和边框之间的距离，比如文字离边框有多远，会影响整体的高度和宽度。它们通常可以一起使用，互不影响功能，但各自负责不同的样式效果
-
完全不相干的两句代码
position是定位方式
padding是内边距
如果非要说关系的话
那么 position 的 relative 这个值是可以受 PADDING 或者 MARGIN 在或者 TOP LEFT 控制的
而 position:absolute 就只受 TOP LEFT 控制
也就是说 relative 是像默认流一样 但还可以用TOP来绝对定位 -
relative主要影响的是元素在页面上的显示位置，常用于需要微调某个元素的位置又不希望影响其他布局的时候。而padding是指内边距，它的作用是控制内容和边框之间的空隙，比如你想让一个div里面的内容离边框远一点，就可以通过设置padding来实现。使用relative可以让元素产生层级关系，比如配合z-index一起用，而padding只是调整盒子里的内容的位置，不影响定位
-
relative是控制元素定位的一种方式，它让元素相对于自己原来的位置进行偏移，但不会脱离文档流，而padding则是用来设置内容与边框之间的距离，属于盒模型的一部分。简单来说，relative是用来定位的，padding是用来控制内部空间的，两者的作用完全不同。如果你设置了某个元素为position:relative，并且加了top、left这些属性，那么这个元素就会向指定的方向偏移，但依然保留原来的空间；而padding则会影响元素整体的大小和内容位置