html - 表格 tr 高度固定不适用于 Chrome

Question

在 <tr> 上设置固定高度在表格中在 Chrome 中不起作用。

如果你申请height: 90% ，它将变为 100%。剩下的 10% 是不可见的。

但它在 IE 中有效。

为什么它在 Chrome 中不起作用？

<table style = "height:100%">
  <tr style = "height:20px"></tr>
  <tr style = "height:90%"></tr>
  <tr style = "height:20px"></tr>
  <tr style = "height:10%"></tr>
</table>

Answer 1

aahhhh，是的，浏览器不一致。我们一直在处理这个问题，因为 Netscape 不是唯一使用的浏览器(也就是自从互联网公开以来)。

处理这个问题的最简单方法似乎是通过 CSS。将其添加到您的 CSS 页面顶部(@charset "UTF-8"; 下方):

html, body {
  height:100%;
  width:100%;
  margin:0;
  padding:0;  )

没有它，IE 上的所有内容通常都比任何其他浏览器低 8 像素左右。人类不知道为什么……