<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
*{
margin:0px;
padding: 0px;
}
html{
width:100%;
height:100%;
}
body{
width:100%;
height:100%;
}
.testTable{
table-layout: fixed;
border-collapse:collapse;
width:400px;
height: 400px;
border:1px solid blue;
}
.testTable td{
border:1px solid blue;
}
.testTable td.testTd {
position: relative;
}
.testDiv{
width: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下红争部分竟然以窗口做基准计算！