css如何让子元素不受父级的父级的overflow:hidden影响

Posted 2023-03-20

比如这样的代码
<div style="position:relative;width:60px;height:60px;overflow:hidden">
<div style="position:relative">
<div style="position:absolute;width:300px;height:300px;"><img src="http://img0.bdstatic.com/img/image/shouye/msjcckljcc.jpg" /></div>
</div>
</div>
我需要让这个图片的div只参照上一级的位置；但是上上级有个overflow:hidden，而且没法去除，导致图片没法显示完整。
求问，有什么办法可以让绝对定位的元素只参照最近的相对定位元素，不受其他父级的overflow影响

实现不了，最外侧div已经设置了overflow hidden；那吗里面不管放什么也不行了。
为什么第一层div要设置overflow呢，实现什么目的或者什么视觉效果？ 参考技术A 子元素样式后面加!important

overflow:visible !important;追问

没啥用

参考技术B 请问楼主解决了吗？ 参考技术C

例子有问题

不清楚具体的需求

不敢做出回答

参考技术D  <div style="width:60px;height:60px;overflow:hidden">
<div style="position:absolute;"><!-这里--!>
<div style="position:absolute;width:300px;height:300px;z_index:9000;"><img src="

</div> 
</div>

追问

不行，不能改成absolute，因为他和其他跟他同级的元素都是浮动的

追答

你里面是无缝滚动的，为什么不在提问中说明白呢？