我把它简化为一个相当简单的例子.
对我来说,它在Chrome 7.0中与在Firefox 3.6.12中看起来不同.IE 9 beta看起来像Chrome.
我希望能够在TD上设置填充,并使其在所有浏览器中以相同的高度渲染.目前,使用10px顶部填充,Chrome中的单元格看起来比Firefox更高.
我尝试过使用Eric的重置css,它不会改变结果任何想法为什么这些都被渲染得不同?
它的外观如下所示 - http:// yfrog.COM/5zqa7p
而代码......
<!DOCTYPE html>
<head>
<title>padding test</title>
<meta charset=utf-8>
<style>
td { width: 100px; height:100px; background: green; padding: 10px 0 0 0; }
</style>
</head>
<body>
<table>
<tr><td>TEST</td></tr>
<tr><td>TEST</td></tr>
</table>
</body>
Run Code Online (Sandbox Code Playgroud)