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

Posted 2020-09-07

开门见山！

问题：在一个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