使colspan（ed）和rowspan（ed）表格单元格内容占据全高

Question

首先，请原谅我通过这个问题再次提出这个讨论得很多的问题。

我的网站有一个信息中心（类似于iGoogle），并且用户可以选择在信息中心的不同布局选项之间切换。其中一些布局的表格单元格跨越行和/或列 (rowspan and colspan)。在此类单元中， <div> 内的 <td> strong>当浏览器窗口重新调整为小视图时 - 大约800x570。我目前的分辨率是1280x1024。

布局如下：

一些风格信息：
身体身高：100％;
表格 cellspacing：0; cellpadding：0;边界距：2px;保证金：0;填充：0;
th，tr，td vertical-align：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

请帮忙！

Answer 1

问题在于第一行的较小单元格的内容。当浏览器重新调整为小尺寸时，这些小 td 的 div 内容将叠加在彼此之上（最初是并排），从而增加单元格的总高度要求与其他三个单元格相比较。我通过确保此布局的 990px​​ 的最小宽度以及 body (min-width:)

的 1160px 来解决这个问题。