绝对定位和相对定位使用及搭配
问题描述：
1.老师在课程案例看到关于绝对定位和相对定位的使用，但是并没有搭配top、left去改变模块位置，想问一下这里的作用是什么，及在什么情况下会使用absolute/relative「在不需要通过top、left改变位置的前提下」「在我现在的理解里，绝对定位和相对定位是配合top、left改变位置用的」
2.想问一下绝对定位/相对定位和浮动在什么情况下会搭配使用，他们的使用场景是什么？
这里对浮动和定位放在一起脑子有点乱，麻烦老师耐心讲解一下，谢谢麻烦您啦
相关截图：
正在回答
同学你好，
1、如下图：设置定位是为了使ul相对于.header .menu来进行定位
2、建议你重新看一下回答的第二点，了解一下绝对定位的特性，这里ul中设置定位是为了下图内容显示在图片上：
position:absolute是脱离文档流的，它是直接飘在文档流外，所以会覆盖下面的的图片。
如果浮动的元素和不浮动的元素在同一位置，浮动的元素会展示在不浮动的元素上面。
祝学习愉快~
同学你好，
1、老师在课程案例看到关于绝对定位和相对定位的使用，但是并没有搭配top、left去改变模块位置，想问一下这里的作用是什么？
答：这里设置定位是为了使ul相对于.header .menu来进行定位。
2、在什么情况下会使用absolute/relative？
答：要了解什么时候该用哪个，应该从它的特性入手。根据想要达到的效果去选择。
1）相对定位：是相对于自己的原位置进行偏移。在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。
2）绝对定位：绝对定位会使被定位的元素脱离文档流。也就是说，它之前占据的位置将被其余块取代。它自己“向上浮一层”，可以遮挡到原文档流中的内容（不一定是原位置周围的）。
并且绝对定位是根据“最近的已定位的元素”进行偏移。如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块（可以看做是相对于浏览器窗口）。
3）建议同学复习一下 CSS定位课程 ，定位本身就是CSS中比较难于理解的内容，使用视频看动态效果，更有利于理解哦。
3、想问一下绝对定位/相对定位和浮动在什么情况下会搭配使用，他们的使用场景是什么？
答：经常用于父元素通过浮动定位，而其子元素需要绝对定位，这个时候就需要将父元素设置为相对定位，这时相对定位并不会改变浮动属性。
祝学习愉快~
-
今天也要学习呢 #1
「设置定位是为了使ul相对于.header .menu来进行定位」，老师您说的这里不明白，
如下图，这里的 ul 并没有用left或者top，想问通过什么「来进行定位」呢？
2021-04-24 16:58:01
- 参与学习 人
- 提交作业 9393 份
- 解答问题 16556 个
综合就业常年第一，编程排行常年霸榜，无需脱产即可学习，北上广深月薪过万 无论你是未就业的学生还是想转行的在职人员，不需要基础，只要你有梦想，想高薪
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星