margin-top属性

Html5知典

发布于 2019-11-26 16:54:59

6290

发布于 2019-11-26 16:54:59

文章被收录于专栏：Html5知典

用途

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	此关键词表示不限制高度。

例子

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

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2018-09-19，如有侵权请联系 cloudcommunity@tencent.com 删除

auto