table中绝对定位元素相对td定位失效解决方案
2016-04-29 16:36
218 查看
开门见山!
问题:在一个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。
问题:在一个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。
相关文章推荐
- 面向对象练习
- 晓光聊《小厂如何做测试》
- 深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点
- 多线程环境下HashMap之死循环
- [Linux][Kerne][Tips] 在 minicom 下送出 SysRq
- 微信公众平台开发入门教程
- 笛卡尔积分析MySQL表连接
- c# P/Invoke
- JniHelper 笔记
- [XML]学习笔记(五)——XML Schema简单类型元素与属性
- ThinkPHP 3.1.2 URL<1>
- Android应用开发之所有动画使用详解
- 动态规划—Problem B
- C语言memcpy()的用法()
- Android Canvas绘图详解(图文)
- ScrollView滚动改变标题栏透明度
- Knockout 官网翻译
- php第九节课
- ThinkPHP 3.1.2 URL<1>
- ThinkPHP 3.1.2 URL<1>