margin-top
margin-top
属性用来设置元素的顶部外边距,你也可以使用负值。这个属性对于不可替换的inline元素没有效果,比如<tt>
或者<span>
.
示例
/* <length> values */
margin-top: 10px; /* 绝对长度 */
margin-top: 1em; /*相对于字体大小 */
margin-top: 5%; /*相对于最相邻的父级元素块(block)的宽度*/
/* keyword values */
margin-top: auto;
/* global values */
margin-top: inherit;
margin-top: initial;
margin-top: unset;
浏览器支持
语法
margin-top:<length>| <percentage>| auto
取值
默认值 | auto:水平(默认)书写模式下,其计算值为0。 |
适用于 | 所有元素,除非 table | inline-table | table-caption 的表格类元素和非替代行内元素之外 |
继承性 | 无 |
动画性 | 是 |
计算值 | 指定的百分比、绝对长度或auto |
例子
.content { margin-top: 5%; }
.sidebox { margin-top: 10px; }
.logo { margin-top: -5px; }
#footer { margin-top: 1em; }