首页 > 其他 > 详细

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

时间:2018-04-15 15:23:24      阅读:185      评论:0      收藏:0      [点我收藏+]

在一个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%;

}

 

原文链接

 

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

原文:https://www.cnblogs.com/GoCircle/p/8847676.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!