margin-bottom

Html5知典

发布于 2019-11-26 14:24:12

6100

发布于 2019-11-26 14:24:12

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

用途

margin-bottom 规定性用于设置标签的底部外边距，可设置负数值。该属性对设置了 non-replaced 的行内标签无作用,例如： <tt> 或 <span>。

语法

/* <length> value */ 
margin-bottom: 2.5em; 

/* <percentage> value */ 
margin-bottom: 95%; 

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

值

值	描述
<length>	此关键词定义了一个确定的宽度值。
<percentage>	此关键词表示 <percentage> 始终同包含该元素的容器宽度有关。
auto	此关键词会被替换为一个适当的值。且可以用于讲一个块级元素居中。参考 margin

例子

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

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

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

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

容器