一、功能不同

  • margin-top:功能为设置元素的上外边距。
  • top:规定元素的顶部边缘。

二、特点不同

  • margin-top:允许使用负值。定义固定的上外边距。默认值是 0。
  • top:定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

三、总结
margin-top是你这个层的边距设置,是上边距,top是当css样式为绝对定位(即position:absolute; )时,left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位

css中margin-top和top有什么区别相关推荐

  1. css margin属性 auto,css中margin:auto属性的使用方法

    css中margin:auto属性的使用方法 发布时间:2020-06-25 10:53:17 来源:亿速云 阅读:221 作者:Leah 今天就跟大家聊聊有关css中margin:auto属性的使用 ...

  2. 在html中设置margin属性,css中margin的4个属性

    CSS中:margin:auto与margin: 0 auto;有什么区别 CSS中:margin:auto与margin: 0 auto;有什么区别.有的网站中写的是前者意思不同.margin:au ...

  3. CSS中margin和padding的区别

    padding.margin都是边距的含义,关键问题得明白是什么相对什么的边距.padding是控件的内容相对控件的边缘的边距,margin是控件边缘相对父空间的边距. 在CSS中margin是指从自 ...

  4. html怎么设置左偏移量,CSS中margin属性的偏移量详解(代码示例)

    本篇文章给大家介绍一下CSS中margin属性的偏移量,有感兴趣的朋友可以看一看. 话不多说,我们直接进入正题~ 我们先来看一个具体的例子(相关推荐:CSS学习手册) 代码入下:HTML文件和CSS文 ...

  5. html5中margin是什么意思,css中margin是什么意思,margin作用是什么?

    一.介绍,什么意思? margin为对象外边距间隔属性.如果对一个对象比如div设置了边框后,再设置margin就会观察到这个div外面产生了间距边距. margin作用: 设置对象与其它对象的外边距 ...

  6. C语言margin的作用是,css中margin是什么意思,margin作用是什么

    一.简介,甚么含义? margin为对象外边距间隔属性.假如对一个对象比方div配置了边框后,再设置margin就会察看到这个div外面孕育发生了间距边距. margin感导: 设置对象与此外对象的外 ...

  7. html设置margin无效,CSS中margin不起作用的原因及解决方法

    margin是一个属性,指定元素和元素之间的间距,但不能为内联元素指定边距,本篇文章将给大家介绍关于CSS中margin不起作用的原因及解决方法. margin不起作用的原因 对于初学者来说,可能会经 ...

  8. html css中margin的用法

    css中margin的用法 1.使用auto实现在浏览器水平自动居中 2.margin实现贴边 3.使用margin垂直外边距的合并 示例: 4.margin-top的塌陷问题 1.外部盒子设置一个边 ...

  9. HTML5中margin属性应用,CSS中margin属性及其使用探究

    本文向大家描述一下CSS中margin属性的用法,主要包括其属性,使用过程中会遇到的问题,以及一些高级应用等内容,相信本文介绍一定会让你有所收获. CSS中margin问题及使用 margin属性为C ...

  10. [css] css中class和id选择器有什么区别?

    [css] css中class和id选择器有什么区别? id 在部分浏览器的 js 中会直接生成同名变量: id 的唯一性,获取该 id 的 dom 时,会取同名 id 的前者: id 层叠权重非常高 ...

最新文章

  1. eclipse启动时报错An internal error occurred during: Initializing Java Tooling.
  2. 表转换存储引擎的方法总结
  3. 面试题总结(21-40)
  4. NLP的一些学习资料
  5. [转]wireshark 实用过滤表达式(针对ip、协议、端口、长度和内容) 实例介绍
  6. Virtural Box 虚拟ubuntu 修改分辨率
  7. Matlab三种归一化方法
  8. 实数历史无穷小能否带领我们直接走向今日科学之辉煌?
  9. Lock和Synchronized区别
  10. jdb java_JAVA初学者的JDB 尝试
  11. CentOS 7 修改IP地址
  12. HDU1235 统计同成绩学生人数【水题+序列处理】
  13. 第二十九节 MT-iBeacon基站关于LightBlue软件的使用
  14. 【Python】一键爬取金庸连载版/三联版/世纪新修版小说
  15. Docker中部署.NET CORE应用(控制台应用程序篇)
  16. RS——485通讯协议
  17. 在html5网页中录音解决方案
  18. 知网研学不同电脑端同步无效问题
  19. 华为路由器hilink怎么用_华为HiLink是什么?华为hilink智能联网怎么用
  20. 老瞎眼 pk 小鲜肉-线段树+区间离线

热门文章

  1. react如何请求amr文件流接口-优化版
  2. GPD MicroPC 安装 Win10+Ubuntu 双系统
  3. SQL WITH TIES解释与用法
  4. html作品源文件,编辑HTML源文件
  5. 排序专题——8.基数排序之LSD法
  6. 支付宝小程序登录PHP
  7. 2012第33周国内Android应用下载动态
  8. QML快捷键(Shortcut、Keys)
  9. bitcode 是什么_secured是什么意思 Secured borrowings是什么意思
  10. 微信小程序 实现带刻尺度滑块