margin-top属性

2019-11-26 16:54:59 浏览数 (2)

用途

margin-top 规定设置标签的顶部外边距,可用负值。

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

语法

代码语言:javascript复制
/* <length> value */ 
max-height: 2.5em; 

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

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

描述

<length>

此关键词设置固定长度 参考<length> 来查看合适的值.

<percentage>

此关键词表示百分比值<percentage> 总是相对于 父元素块的宽度

auto

此关键词表示不限制高度。

例子

代码语言:javascript复制
/* 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; 
     }

0 人点赞