专栏首页Html5知典margin-top属性

margin-top属性

用途

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

本文分享自微信公众号 - Html5知典(gh_5b9c8e323efa)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-09-19

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • padding-left 属性

    padding-left 该属性用于设置标签的左部填充区域的高度,负值无效。

    Html5知典
  • padding-bottom 属性

    padding-botom 该属性用于设置标签的底部填充区域的高度,负值无效。

    Html5知典
  • rotateZ()

    Html5知典
  • (2019)[前端]面试题[6]:水平垂直居中方法

    如果已知子元素宽高度,那么transform: translate(width/2,height/2);一样的效果。

    无道
  • CSS 定位布局 - 相对、绝对、固定三种定位

    文档流,是指盒子按照html标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据...

    Devops海洋的渔夫
  • padding-left 属性

    padding-left 该属性用于设置标签的左部填充区域的高度,负值无效。

    Html5知典
  • Qjs直出实现过程

    直出要做什么 在服务端为Qjs填充默认的值,例如 输入: <div q-text="name"></div> {"name": "Qjs"} 直出: <div ...

    IMWeb前端团队
  • 从项目中学习HTML+CSS

    最近由于工作原因以及自己的懈怠,已经很久都没有更新过博客了。通过这段时间,我发现坚持一件事情是真的很难,都说万事开头难,但是在放弃这件事上好像开头了后面就顺理成...

    Masimaro
  • Qjs直出实现过程

    编译阶段处理directives, 输出阶段处理filters对数据取值渲染模板获取到html

    IMWeb前端团队
  • 盒模型的实际尺寸

    好了,从上图来看,已经绘画除了三个正方形了。下面继续看看增加一下边框border看看。

    Devops海洋的渔夫

扫码关注云+社区

领取腾讯云代金券