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下红争部分竟然以窗口做基准计算！

相关阅读:
世界疫情可视化开发（一）
世界疫情可视化开发（三）-- world.jsp
团队冲刺5
课下作业1-扩展阅读
团队冲刺4
团队冲刺3
冲刺个人感想
团队冲刺开始
Android Studio Toast(吐司)的基本使用
GridLayout(网格布局)

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