请问老师，设置margin-top 和设置top有什么区别

请问老师，设置margin-top 和设置top有什么区别

慕粉8021849 2019-06-03

源自：项目：H5布局 2-3 html5页面布局（表现层_banner）

3

收起

1回答

好帮手慕星星 2019-06-04 11:13:03

你好，

（1）无论元素是否脱离文档流，也就是是否设置了浮动，定位或者没有设置，margin-top代表的当前元素上外边距，可以隔开与上面元素之间的距离。

（2）top是只有设置定位（static除外）的时候才可以用，设置当前元素的位置。

自己可以测试理解下，祝学习愉快！

提问者慕粉8021849 #1

在使用的时候有什么不一样吗就是比如说有的情况只能用top 有的情况只能用margin-top？

2019-06-04 11:20:10
好帮手慕星星回复提问者慕粉8021849 #2

如果没有设置定位，top属性就不能使用，而margin-top值对于内联元素不生效，其他元素都是可以的。这两个属性根据具体情况使用即可，不是固定的。

2019-06-04 11:35:15

相似问题

banner设置了margin-top，头部上方为什么也空了

banner区怎么把菜单设置居中？

这里为什么是padding-top，不是margin-top？

这个top和left属性和padding -top-left有什么区别吗？

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

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

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载