iframe中定位失效问题

Posted 2023-04-26

原来的网页中使用的固定定位，绝对定位，一使用iframe框架，里面的定位效果完全失效，求解！

参考技术A 固定定位好像是相对浏览器的，我也出现过这个问题，需要固定的那块写在iframe外面就行了

table中绝对定位元素相对td定位失效解决方案

开门见山！

问题：在一个table中，我需要在td里面绝对定位一个div，

写法：td{position:relative;}

div{position:absolute;}

OK,就这么简单，思路也没什么问题，并且在chrome中结果完美。

BUT!!!

IE(此处只测了一下IE，或许别的浏览器也不行，自行测试)，坑比的IE来了，

失效了，定位失败，没有预期的效果。

那么在我的项目中用到的解决方案是：

不怕麻烦的在这个absolute定位的div外层包裹一个relative定位的div，如果想要填满整个td的话，那就：

.relative-div{

position:relative;

height:100%;

}

好了，可以了，又解决一个项目中的小BUG