css - 让表格在 td 中填充 100% 高度

标签 css html html-table

我正在尝试用正确的 HTML 重写一个站点。我要替换的网站一团糟。我遇到了无法获得 <table> 的问题填充 <td> 的高度它包含在。我试过设置height: 100%<table> 上,基于 google 和 stackoverflow 的研究应该可行,但我一定遗漏了一些愚蠢的东西。我曾尝试用 <divs> 做同样的事情在切换到表格之前,但我不反对回到 <divs>如果有人可以建议如何去做。

我正在开发的内容目前在这里:http://96.0.22.228/

由于元素时间限制,我不得不使用糟糕的技巧来使页面看起来正确。我没有声明 <doctype>并且我强制 IE 使用 IE7-quirks 模式。我很乐意就如何使用 HTML5 和 CSS 以正确的方式进行此布局提出建议。它不必支持较旧的浏览器,但在最新版本的 Chrome、Firefox 和 IE 中看起来必须相同。我还想去掉菜单的图像,并在 CSS 中为边框和菜单文本设置所有样式。

即使我必须按原样完成网站,但如果这个问题有好的答案,我愿意稍后回去修复它。

最佳答案

表格单元格中的 100% 高度总是很痛苦。从技术上讲,TD 没有高度(因为这取决于它的内容)。您要求浏览器做的是使子项成为其父项的 100%,即其子项的 100%,即其父项的 100%...您可以看到这可能是个问题。

您可以尝试向 TD 添加明确的高度并在表格上使用 table-layout:fixed 。至少这样浏览器就知道父级的高度而不需要子级的高度,但这仍然可能行不通。

您可能需要重新考虑如何处理这件事。

关于css - 让表格在 td 中填充 100% 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9866074/

相关文章:

Jquery zoom with a clickable element that doesn't disrup the functionality

javascript - 使用 jquery 隐藏和显示元素

html - 强制图像保持在高度和宽度 "boundaries"之间,并保持纵横比

html - 溢出隐藏中断布局

java - JSoup 从网站获取 HTML 表数据

html - 在 "modern"网站上使用 <table> 标签有意义吗?

javascript - 选择 div 的第一张图像作为数组

javascript - 如何使用 jQuery 生成一个简单的弹出窗口

android - HTML5 FileSystem API Android Chrome 访问 sdcard

jquery - 如何使用 jQuery 在带有滚动条的 html 中创建可调整大小的表格?