现在的位置: 首页 > 综合 > 正文

padding-top、margin-top和top的区别

2012年09月24日 ⁄ 综合 ⁄ 共 379字 ⁄ 字号 评论关闭
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

 

抱歉!评论已关闭.