paddingtop、margintop和top的区别

padding-top:10px;是指容器内的内容距离容器的顶部有10个像素，是包含在容器内的；margin-top:10px;是指容器本身的顶部距离其他容器有10个像素，不包含在容器内；top:10px;是指容器本身的顶部距离页面的顶端有10个像素

举例： 
<table> 
<tr> 
<td>11</td> 
</tr> 
</table>   


<table style="top:100px;"> 
<tr> 
<td>22</td> 
</tr> 
</table>   


那么无论页面上面还有什么，这个table与页面顶端的距离始终是100px。 

<table> 
<tr> 
<td>11</td> 
</tr> 
</table>   


<table style="margin-top:100px;"> 
<tr> 
<td>22</td> 
</tr> 
</table>   


那么这个table与他上面的table之间的间距为100px