该属性用于设置元素的顶部外边距,可用负值。
这个属性对于不可替换的 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;
}
执行结果