相对定位的TD元素在各浏览器的差异 - 走看看

zoukankan html css js c++ java

相对定位的TD元素在各浏览器的差异
<!doctype html> <html> <head> <title>offsetParent bug by 司徒正美</title> <script src="/javascripts/jquery1.52.js"></script> <script src="/neo/dom.js"></script> <style> .test_table{ 80%; border: 1px solid #B33F3F; border-collapse: collapse; } .test_td{ border: 1px solid #B33F3F; padding: 5px; position: relative; } .test_div{ position: absolute; border: 1px solid #00cc00; height: 20px; auto; } </style> <script> window.onload = function(){ alert(document.getElementById("test_div").offsetParent) } </script> </head> <body> <table class="test_table"> <tbody> <tr> <td class="test_td"> <div class="test_div" id="test_div">测试offsetParent </div> </td> </tr> </tbody> </table> </body> </html>

我们对td进行相对定位，它里面的div进行绝对定位，按理div的offsetParent为td，但FF4中则跑到body元素中去了，这搞到我很痛苦，又得套嵌一层了……
```
/*
opera10.7 td
chrome 10 body
safari5 body
FF3.6 Ff4 body
IE6-IE9 td
*/
```
机器瞎学/数据掩埋/模式混淆/人工智障/深度遗忘/神经掉线/计算机幻觉/专注单身二十五年
查看全文

相关阅读:
5-最长回文子串
 String、StringBuffer和StringBuilder的区别（转载）
LeetCode31题，下一个排列
 BindingResult
@Validated 和 @Valid
springboot Filter Interceptor
@ReponseStatus
ResponseEntity
springboot 异常处理机制源码分析
 @RequestMapping的produces作用

原文地址：https://www.cnblogs.com/rubylouvre/p/2023496.html

Copyright © 2011-2022 走看看