margin-top

margin-top 属性用来设置元素的顶部外边距，你也可以使用负值。这个属性对于不可替换的inline元素没有效果，比如 <tt> 或者 <span> .

示例

/* <length> values */
margin-top: 10px;        /* 绝对长度 */
margin-top: 1em;         /*相对于字体大小 */
margin-top: 5%;          /*相对于最相邻的父级元素块（block）的宽度*/

/* keyword values */
margin-top: auto;

/* global values */
margin-top: inherit;
margin-top: initial;
margin-top: unset;

浏览器支持

浏览器都支持 margin-top

语法

margin-top : <length> | <percentage> | auto

取值

• auto ：水平（默认）书写模式下，其计算值为0。
• <length> ：设置固定长度。用长度值来定义外补白。可以为负值。参考 <length> 来查看合适的值。
• <percentage> ：百分比值 <percentage> 总是相对于父元素块的宽度。可以为负值。参考 <percentage> 来查看合适的值。

例子

.content { margin-top:   5%; }
.sidebox { margin-top: 10px; }
.logo    { margin-top: -5px; }
#footer  { margin-top:  1em; }