关于2-2的绝对定位和相对定位

老师为了实现图片的重叠，给.banner添加了relative,给.banner-slide添加了absolute，但是.main已经有overflow:hidden，其实已经实现覆盖，这样老师加的定位是不是多余的操作？还有就是.main已经有overflow:hidden ，.banner再加overflow:hidden是不是也是多余的？因为他们的width,height都是一样的还有必要加么？

莨菽菽 2017-06-14

源自：项目：JS实现轮播特效 2-2 轮播图样式（2）

43

收起

2回答

Miss路 2017-07-19 13:41:58

这里使用定位是想让这几张图片重叠，重叠之后才能有显示隐藏，当然你要是有其他方法可以实现也是可以的，方法不唯一，灵活编码。祝学习愉快！

小于飞飞 2017-06-14 17:41:50

你好，有的overflow:hidden 是为了隐藏溢出内容，有些是为了解决浮动后的父元素塌陷，.banner-slide添加了absolute ，为了针对.banner添加了relative 来定位。希望对你有帮助，祝学习愉快。

提问者莨菽菽 #1

因为.banner-slide的大小是和.banner一样的。所以就觉得这个定位是不是没什么必要？还有就是是不是一般不会单独使用relative?都是配合着absolute使用？

2017-06-14 17:45:00
小于飞飞回复提问者莨菽菽 #2

根据代码情况来确定，relative 针对自身位置定位，absolute 针对祖先元素（除了设置 static 定位的元素）定位，如祖先元素没设置定位，就以浏览器定位。祝学习愉快。

2017-06-14 18:12:31
麦麦zzz 回复小于飞飞 #3

请问老师，我也有相同的疑问，不要定位不是也可以吗？在这些图片上，只会有一张是显示的，剩下的都是隐藏，定位是不是不需要？这里是出于什么考虑

2017-07-18 20:30:58

相似问题

关于相对定位和绝对定位的问题

关于绝对定位和浮动混排

绝对定位和相对定位使用及搭配

子div使用了绝对定位，父div没有使用定位（相对定位）

关于绝对定位的问题，父级元素是绝对定位不是相对定位，也能相对于父级元素定位，对么？

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

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载