top和margin-top的区别

最新推荐文章于 2021-05-10 18:17:38 发布
最新推荐文章于 2021-05-10 18:17:38 发布
阅读量193 收藏 1
点赞数
原文链接：http://www.cnblogs.com/Begin-Vic/p/6414000.html
版权

1.top等为绝对定位，需与position：absolute一起用才有效；而margin-top为相对定位；

2.绝对定位一般情况下以body为标准；若父元素设置position：relative，，则以其父元素为标准

转载于:https://www.cnblogs.com/Begin-Vic/p/6414000.html

weixin_30797199
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
div标签中的元素margin-top失效的解决方法
12-14
如题。 问题很奇葩。元素上级标签是div，已经设置了width和height等的属性，可是，在对元素使用margin进行调整的时候，无法生效。同学经验提示，对该元素的父元素属性设置成 overflow:hidden; 问题就解决了。
我所遇到的margin-top 与top的区别
一万年太久,只争朝夕
02-27 678
margin-top 指的的在盒模型中相对于父级元素的top边距,默认position属性为relative top指的是所在元素与电脑屏幕的之间的顶部不变,是一个绝对的定位,在使用的      过程中要与position属性搭配着来使用.PS:一般position都是设置为absoulte,或者设置     fixed; 同理 margin-bottom,margin-left,marg
padding-top、margin-top和top的区别
weixin_34212762的博客
11-19 172
padding-top:10px;是指容器内的内容距离容器的顶部有10个像素，是包含在容器内的；margin-top:10px;是指容器本身的顶部距离其他容器有10个像素，不包含在容器内；top:10px;是指容器本身的顶部距离页面的顶端有10个像素举例： <table> <tr> <td>11</td> </tr> </tab...
CSS定位（position属性）以及top和magin-top的区别
my_learning_road的博客
10-22 2741
CSS position 属性可以选择 4 种不同类型的定位： static 默认定位，元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中——这种定位是默认的，一般没什么实际的作用。 relative 相对定位 ，不会脱离文档流，类似于static，按顺序排列，一般设置也不会有什么变化，可以通过margin-top/right/bot
【HTML/CSS】margin-top、top、以及position的总结
tonyzhang的专栏
07-09 2891
margin-top与top的区别 1、使用top、bottom、left、right的前提是本元素position被定义为relative、absolute和fixed中的一种，不能是static 2、使用margin-top、margin-bottom、margin-left、margin-right的元素的position可以是static、relative、absolute和fixed
css中margin-top和top有什么区别
前端知识库
05-10 3243
一、功能不同 margin-top：功能为设置元素的上外边距。 top：规定元素的顶部边缘。 二、特点不同 margin-top：允许使用负值。定义固定的上外边距。默认值是 0。 top：定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。 三、总结 margin-top是你这个层的边距设置，是上边距，top是当css样式为绝对定位（即position:absolute; ）时，left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位
top 与 margin-top的区别
shaoduo的博客
12-16 1198
top、margin-top的区别： 1、top、bottom、left、right是绝对定位，必须设置position为absolute。margin一系列设置是相对定位。注意：如果用top等，而position未设置为absolute，那设置是不起作用的。 2、top这些在绝对定位的前提下，这个绝对定位，是相对body 或者 position：relative的父级元素的绝对定位。margin的相对定位，是指相对相邻元素的定位。 ...
CSS中的四种定位以及top和margin-top的区别
热门推荐
稀饭
09-01 1万+
CSS中一共有四种定位分别是默认，相对，绝对，固定 1，position：static，这种定位是默认的，一般没什么实际的作用。 2，position：relative,相对定位 ，不会脱离文档流，类似于static，按顺序排列，一般设置也不会有什么变化，可以通过margin-top/right/bottom/left来改变框的位置 3，position：absolute，绝对定位，这种定位脱离文...
css中position(absolute)与margin同时使用的情况
weixin_43939111的博客
02-02 1513
当元素绝对定位以后，它在父元素的位置是根据top/left/right/bottom来定位的，而margin是根据自身当前位置来定位的 当它距离父元素left:50%,top:50%，那就是父元素一半的距离，因为要实现居中即自身的中点在父元素的中间才算，所以margin-left/margin-top 负的自身宽/高的一半，那么正好水平垂直居中。 元素在绝对定位以后,left/rigth和top/bottom是没有优先等级的，不像margin-left作用的时候margin-right没用，如果现在lef.
DIV多层嵌套margin-top的BUG问题
01-19
今天在做登录页面的时候发现个margin-top的bug ; 初始代码如下： html: 复制代码代码如下:”logo”></div> ”login_text”> ”error” class=”errorstyle”></div> </div> css: 复制代码代码如下:.errorstyle { ...
CSS 同级元素position:fixed和margin-top共同使用的问题
09-22
主要介绍了CSS 同级元素position:fixed和margin-top共同使用的问题的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
css中子元素设置margin-top为什么影响了父元素
12-11
本文介绍了css中子元素设置margin-top为什么影响了父元素，分享给大家，具体如下： <style type="text/css"> *{ margin: 0px; padding: 0px; } .show{ margin: 0px auto; width: 200px; height: ...
后端开发是一个涉及广泛技术和工具的领域.docx
04-30
后端开发是一个涉及广泛技术和工具的领域，这些资源对于构建健壮、可扩展和高效的Web应用程序至关重要。以下是对后端开发资源的简要介绍： 首先，掌握一门或多门编程语言是后端开发的基础。Java、Python和Node.js是其中最受欢迎的几种。Java以其跨平台性和丰富的库而著名，Python则因其简洁的语法和广泛的应用领域而备受欢迎。Node.js则通过其基于JavaScript的单线程异步I/O模型，为Web开发提供了高性能的解决方案。 其次，数据库技术是后端开发中不可或缺的一部分。关系型数据库（如MySQL、PostgreSQL）和非关系型数据库（如MongoDB、Redis）各有其特点和应用场景。关系型数据库适合存储结构化数据，而非关系型数据库则更适合处理大量非结构化数据。 此外，Web开发框架也是后端开发的重要资源。例如，Express是一个基于Node.js的Web应用开发框架，它提供了丰富的API和中间件支持，使得开发人员能够快速地构建Web应用程序。Django则是一个用Python编写的Web应用框架，它采用了MVC的软件设计模式，使得代码结构更加清晰和易于维护。
华为数字化转型实践28个精华问答glkm.pptx
04-30
华为数字化转型实践28个精华问答glkm.pptx
新员工入职培训全流程资料包gl.zip
04-30
新员工入职培训全流程资料包（100+个文件） 1入职流程指引 万科新职员入职通知书 万科新职员入职引导手册 新进员工跟进管理表 新员工入职报到工作单(文职) 新员工入职报到流程 新员工入职流程表 新员工入职手续办理流程(工厂 新员工入职手续清单 新员工入职须知 新员工入职训流程 新员工入职引导表(导师用) 2 入职工具表格 3 培训方案计划 4培训管理流程 5培训教材课件 6 培训效果检测 7 员工管理制度 8 劳动合同协议 9 新员工培训PPT模板(28套)
三菱PLC通讯程序实例
04-30
FX5U PLC作为主、从站的通讯方式程序实例，以及包含详细说明文件...
技术需求报告-集行波测距与故障录波功能于一体的电网综合故障分析系统.docx
最新发布
04-30
技术需求报告-集行波测距与故障录波功能于一体的电网综合故障分析系统.docx
最新二开版本源码博客论坛源码,UI很漂亮,可切换皮肤界面.rar
04-30
最新二开版本源码博客论坛源码,UI很漂亮,可切换皮肤界面.rar最新二开版本源码博客论坛源码,UI很漂亮,可切换皮肤界面.rar
margin-top和padding-top
04-11
margin-top和padding-top是CSS盒模型中的两个属性。margin-top是指一个元素的顶部边缘与其父容器的顶部边缘之间的距离，也可以理解为元素上方的空白区域。而padding-top是指元素内边距区域的顶部边缘与元素内容区域...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值