这两种方式都能实现位置的设置，有什么区别呢？

王小east 2022-06-30

源自：CSS入门 12-5 绝对定位

9

收起

1回答

好帮手慕小小回答被采纳获得+3积分 2022-06-30 10:55:06

同学你好，两种虽都可以设置元素的位置，但实现方式是不一样的。

margin表示的是外边距，margin-top、margin-left设置的元素上、左外边距离。而使用top、left设置元素位置时，必须设置元素的position，例如relative、absolute，否则top、left不会产生任何效果。

祝学习愉快~

王小east 提问者 #1

那这两种设置位置的方式都是分别在情况场景下使用呢？

2022-06-30 21:37:17
好帮手慕小脸回复提问者王小east #2

同学你好，margin-top一般用在相对位置的元素中，例如一个div相对前一个div的上边距是10px，就应该定义margin-top:10px，而不是top:10px。
top是用在绝对定位的元素中的，一般是配合position属性使用
注：具体带入场景使用的话，需要结合具体需求去决定哟~同学这里可暂且不纠结
祝学习愉快~

2022-07-01 09:53:01

相似问题

想问一下什么时候使用设置绝对定位的方式来设置元素居中

.active图片居中为什么要设置两种方式？？？

老师,这个和设置margin属性有什么区别吗?

title和image的两个contentRect方法的问题

演示效果实现所需功能，划分功能模块，设置对应的类，在类中实现相应功能

登录后可查看更多问答，登录/注册

参与学习人
提交作业 8718 份
解答问题 9886 个

综合就业常年第一，编程排行常年霸榜，北上广深月薪过万！不需要基础，无需脱产即可学习，只要你有梦想，想高薪！全新升级：技术栈升级（包含VUE3.0，ES6，Git）+项目升级（前后端联调与功能升级）

本课精华内容

问答作业

eclipse打开弹出这样是怎么回事

79 1

找不到jdk版本号的文件夹，打开里面什么都没有

56 1

Cannot resolve symbol 'Valid'

9 1

spring boot 和swagger2版本冲突

14 1

Maven项目管理中，关于Maven和IDE有几点小疑问。

56 9

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载