• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • 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;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    浏览器都支持margin-top

    语法

    margin-top:<length>| <percentage>| auto

    取值

    • auto:水平(默认)书写模式下,其计算值为0。
    • <length>:设置固定长度。用长度值来定义外补白。可以为负值。参考<length>来查看合适的值。
    • <percentage>:百分比值<percentage>总是相对于父元素块的宽度。可以为负值。参考<percentage>来查看合适的值。
    默认值auto:水平(默认)书写模式下,其计算值为0。
    适用于所有元素,除非 table | inline-table | table-caption 的表格类元素和非替代行内元素之外
    继承性
    动画性
    计算值指定的百分比、绝对长度或auto

    例子

    .content { margin-top:   5%; }
    .sidebox { margin-top: 10px; }
    .logo    { margin-top: -5px; }
    #footer  { margin-top:  1em; } 
    

    上篇:margin

    下篇:margin-left