【发布时间】：2017-01-03 03:55:41
【问题描述】：
首先，请原谅我通过这个问题再次提出这个被广泛讨论的问题。
我的网站有一个仪表板（类似于 iGoogle）和一个供用户在仪表板的不同布局选项之间切换的选项。其中一些布局的表格单元格跨越了多个行和/或列(rowspan and colspan)。当浏览器窗口的大小被重新调整为一个小视图 - 大约 800x570。我目前的分辨率是 1280x1024。
布局是这样的：
一些样式信息：
body height: 100%;
table cellspacing: 0;单元格填充：0；边框间距：2px；边距：0； padding: 0;
th, tr, td 垂直对齐: top;
我已阅读并应用这些帖子的解决方案，但无济于事。
Full height div inside td
DIV stretch to height 100% in a table cell
Getting div to occupy full cell height
How to make <div> fill <td> height
请帮忙！
【问题讨论】：
-
创建一个 jsfiddle 或在此处粘贴完整的代码，包括 html
-
它的代码超过 3000 行，包括 HTML、CSS 和 JavaScript。我正在尝试仅将其缩小到问题点。需要更多时间。
-
@Somebodyisintrouble：我在为您缩小 html 大小时发现了问题。问题在于第一行较小单元格的内容。当浏览器重新调整为小尺寸时，这些小 td 的
div内容将相互堆叠（最初是并排），因此与另一个相比，增加了单元格的总高度要求三个大细胞。我通过确保此布局的最小宽度为 990 像素和主体(min-width:)的最小宽度为 1160 像素来解决此问题。希望这不是错误的做法。无论如何，谢谢。
标签： html cell css-tables