在相邻的table-cell显示的div中填充空白区域以最小化空白

Question

假设我有一个基本的div布局如下所示，其中div A和​​div B显示为包含div的table-cell，显示：table。

这适用于将div A和​​B的高度与最高div的内容的高度相匹配，但是在使用此结构作为此特定网站上的模板的许多页面中，div的主要文本内容B在某些页面上可能很大，而在其他页面上则更短。

有没有办法可以计算div A下面的空白区域的高度，并使用它来动态添加x个div C（可以是固定高度div中的数据库驱动的动态内容）留下尽可能少的原始div A下的空白区域尽可能？

Answer 1

我只想使用<table>而不是<div>。

rowspan="2"将从左到右覆盖2个空格（跨越一行中的列），colspan="2"将覆盖2个空格直到向下（跨越列中的行）。这需要在<td>代码中使用... <td colspan="2">Content</td>