html - 使 colspan(ed) 和 rowspan(ed) 表格单元格内容占据全高

Question

首先，请原谅我通过这个问题再次提出这个被广泛讨论的问题。

我的网站有一个仪表板（类似于 iGoogle）和一个供用户在仪表板的不同布局选项之间切换的选项。其中一些布局具有跨越多行和/或列的表格单元格。在这些单元格中，当浏览器窗口重新调整为小视图（大约 800x570）时，内部不会占据内部可用的100% 高度。我目前的分辨率是 1280x1024。 (rowspan and colspan)<div><td>

布局是这样的：

部分款式信息：
身高：100%；
表格单元格间距：0；单元格填充：0；边框间距：2px；边距：0；填充：0；
th, tr, td垂直对齐：顶部；

我已经阅读并应用了这些帖子的解决方案，但无济于事。
td 内的全高 div
DIV 在表格单元格中拉伸到高度 100%
让 div 占据整个单元格高度
如何使 <div> 填充 <td> 高度

请帮忙！

Answer 1

问题在于第一行较小单元格的内容。当浏览器重新调整为小尺寸时，这些小td 的div内容将相互堆叠（最初是并排），因此与其他三个大的单元格相比，增加了单元格的总高度要求细胞。我通过确保此布局的最小宽度为990 像素和正文的最小宽度为1160像素来解决这个问题 (min-width:)