【问题标题】:Nested table doesn't fill parent td by height嵌套表不按高度填充父 td
【发布时间】:2013-03-09 15:36:42
【问题描述】:

我在 IE9+ 中遇到了我的标记问题。嵌套 table 不会填充父 td

这是jsFiddle。 红色表格必须填满剩余的垂直尺寸。

在任何其他浏览器中一切正常。 任何帮助表示赞赏。


UPD。刚刚添加了一张图片来显示我在 IE 中看到的内容。

【问题讨论】:

  • 除了使用嵌套表真的没有其他解决方案了吗?
  • 是的,我不能对标记应用任何全局更改。希望纯CSS能解决这个问题。
  • 我只是尝试在两个表和that worked 上设置cellpaddingcellspacing。只是补充一下 - 它可能是doctype 影响它。
  • 我看不出 IE 有什么不同。 db.tt/RArWifDT
  • 嗯。哈哈!我什至无法让 Fiddle 使用我的 IE 版本! :D

标签: html css internet-explorer markup html-table


【解决方案1】:

我认为单独在 CSS 中完全填充空间是不可能的,但折叠边框确实有点帮助:

table {
    border-collapse:collapse;
}

编辑:您似乎已经编辑了您的问题。

如果您的两个表都只有两行,则将 td 元素的 height 设置为 50% 似乎在 IE 中可以解决问题:

table td {
    height:50%;
}

http://jsfiddle.net/fJ2WS/3/

【讨论】:

  • 不,两个表的行数都可以。
  • 他们有%身高吗?
  • 我认为是的。但是父表的顶部tr 可能有px 大小。
猜你喜欢
  • 2013-08-03
  • 2015-03-07
  • 1970-01-01
  • 2018-08-02
  • 2019-07-14
  • 2011-04-02
  • 2012-04-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多