firefox 对相对定位的TD元素渲染错误 - 走看看

zoukankan html css js c++ java

firefox 对相对定位的TD元素渲染错误

<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> *{ margin:0px; padding: 0px; } html{ 100%; height:100%; } body{ 100%; height:100%; } .testTable{ table-layout: fixed; border-collapse:collapse; 400px; height: 400px; border:1px solid blue; } .testTable td{ border:1px solid blue; } .testTable td.testTd { position: relative; } .testDiv{ 100%; height:100px; position: absolute; bottom: 0px; background: red; } </style> <script> </script> </head> <body > <table class='testTable'> <tr> <td class='testTd'> <div class='testDiv'></div> </td> </tr> <tr> <td> </td> </tr> </table> </body> </html>

firefox22下红争部分竟然以窗口做基准计算！

查看全文

相关阅读:
378. Kth Smallest Element in a Sorted Matrix
372. Super Pow
357. Count Numbers with Unique Digits
345. Reverse Vowels of a String
343. Integer Break
347. Top K Frequent Elements
344. Reverse String
338. Counting Bits
326. Power of Three
python练习

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

Copyright © 2011-2022 走看看