margin-top

该属性用于设置元素的顶部外边距，可用负值。

这个属性对于不可替换的 inline 元素没有效果，比如 <tt> 或者 <span>。

 

语法

/* <length> value */
max-height: 2.5em;

/* <percentage> value */
max-height: 95%;

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

值

值描述
<length>此关键词设置固定长度 参考<length> 来查看合适的值.
<percentage>此关键词表示百分比值<percentage> 总是相对于 父元素块的宽度
auto 参考margin

例子

HTML 

<div id="red">
   <div id="orange"></div>
   <div id="gray"></div>
</div>

CSS 

#red {
     width: 200px;
     height: 200px;
     background: red;
     }
#orange {
       width: 50px;
       height: 50px;
       background: orange;
      }
#gray {
      width: 50px;
      height: 50px;
      background: gray;
      margin-top: 40px;
}

执行结果

参考

相关页面

外部链接


跳至内容顶部