首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >表tr高度固定不适用于Chrome

表tr高度固定不适用于Chrome
EN

Stack Overflow用户
提问于 2019-06-02 14:31:34
回答 1查看 283关注 0票数 0

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

如果您应用height: 90%,它将更改为100%。剩下的10%是看不见的。

但它可以在IE中工作。

为什么它不能在Chrome中工作?

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2019-06-03 06:34:20

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

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

代码语言:javascript
复制
html, body {
  height:100%;
  width:100%;
  margin:0;
  padding:0;  )

没有它,IE上的所有东西通常都比其他浏览器低8个像素。人类不知道为什么..。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56412708

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档