表 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

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

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

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

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