html - IE 中嵌套表格单元格的 100% 高度

标签 html css internet-explorer cross-browser

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 9 年前

我想要一个嵌套表格扩展到封闭单元格的高度。这在 Firefox/Chrome/Safari 中按预期工作,但在 IE7 或 IE8 中不起作用。请在此处查看示例:

http://www.bitmechanic.com/heightDemo.html

DOCTYPE 是相关的。虽然上面的演示验证为 HTML 4.01 Strict,但它无法在 IE7 中正确呈现。如果我完全删除 DOCTYPE,或将其设置为 HTML 3.2,它将在 IE 中正确呈现。

关于如何让它在 4.01(严格或宽松)中呈现的任何建议?实际的网站有点复杂——更改 DOCTYPE 会导致各种其他问题。

我们正在努力了解这里的(假定的)IE 错误以及如何解决它。

最佳答案

您无能为力,因为 IE 在版本 7 和 8 中仍然表现不佳。 阅读这个答案:Table layout wrong in IE(7)

你只有两个解决方案:

  1. 要么删除 DOCTYPE 该页面有进入的风险 许多其他显示问题,

  2. 或者您必须使用 Javascript 才能获取 table 的高度和你 以 px 为单位强制执行单元格高度 table 的高度相同。

关于html - IE 中嵌套表格单元格的 100% 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2604237/

上一篇:html - 如何将 X 放在 <a> block 的右侧?

下一篇:css - Safari 不缩放元素符号图像

相关文章:

html - :last-of-type selector on data attribute 的行为

css - 简单灵活的宽度替代显示 :box for IE?

html - 有一个奇怪的 css 问题,div 内的文本没有随 div 移动

html - 使用 CSS 垂直对齐验证摘要文本

javascript - HTML/Javascript : Display:none copy and paste issue

asp.net - 剪切文本在 Chrome 中有效,但在 IE9 中无效?

html - body 上的多个背景,使用 CSS

css - 没有设置top的时候,为什么位置: absolute div is not overlapped with its siblings

css - Bootstrap 4 网格 |变量-固定-变量|宽度列,在 IE11 上重叠

css - 遇到 IE 问题