在CSS定位中使用偏移量是不是只有top、right、left、bottom这几个属性？

position：sticky、absolute、relative、fixed、static

margin-top

/*

margin-top属性是什么效果？除了上述上下左右几个偏移量还有没有定位的偏移量的相关属性存在？有的话麻烦解释一下

*/

weixin_慕后端7118097 2019-09-07

源自：CSS定位（position） 3-1 总结

5

收起

3回答

敲着敲着 2019-09-11 00:34:48

margin和position根本不同个概念。margin是盒子的外框值的多少会对元素大小产生变化；position的位移量值是对元素的相对的参照物来移动。

好帮手慕言 2019-09-07 18:20:38

同学你好，代码具有灵活性，效果实现的方式有很多种，不管使用哪种，可以完成效果就是可以的。

比如让元素距离顶部有200px的距离。使用margin-top或者定位都可以实现效果：

页面效果：

如果帮助到了你，欢迎采纳~祝学习愉快~

好帮手慕言 2019-09-07 15:16:26

同学你好，元素定位之后设置偏移量有top，right，left，bottom四个。

margin-top属性是元素距离父级上方的距离。同学可以会觉得和top值很像，但是上方的四个偏移量是配合定位使用的。

margin-top可以不配合定位使用哦。可以看一下视频去复习一下知识哦，视频链接：https://class.imooc.com/lesson/754#mid=18803

如果帮助到了你，欢迎采纳~祝学习愉快~

提问者 weixin_慕后端7118097 #1

如果不直接使用元素定位之后设置偏移量有top，right，left，bottom而不使用margin值是不是就达不到效果了？

2019-09-07 15:37:47
提问者 weixin_慕后端7118097 #2

我可以这样理解：如果不使用margin值直接使用元素偏移量页可以达到相应的效果，但是两者结合比较方便吗？

2019-09-07 15:47:50

相似问题

top和left等属性

static问题

不明白属性中的left与margin-left有什么区别

top left right bottom 的问题

这个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下载