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

时间:2019-06-02 06:31:33

标签: html css height tablerow

在Chrome上无法在表格中的<tr>上设置固定高度。

如果应用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>

1 个答案:

答案 0 :(得分:0)

aahhhh,是的,浏览器不一致。自从Netscape并不是唯一使用浏览器(也就是Internet公开以来)以来,我们就一直在对此进行处理。

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

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

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