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; }