小编Car*_*los的帖子

我正在尝试制作一封列重叠的 HTML 电子邮件。用 div 来做到这一点没有问题，但需要用桌子来做到这一点，而且我已经很多年没有玩桌子了！

我需要将绿色的列从顶部移开并溢出到行的底部。蓝色行将有一个背景图像，绿色列将是纯背景色。我尝试在行内嵌套一个新表，并使该行比背景图像更高，但我想知道是否还有其他解决方案。

这就是我目前所拥有的：

http://jsfiddle.net/mdzvvx3q/

<table width="800" border="0" cellspacing="0">
  <tr>
    <td height="98" colspan="2" style="background-color: #efefef;"></td>
  </tr>
  <tr height="400" style="background-color: #f0c;">
    <td colspan="2">
        <table height="400" width="800" border="0" cellspacing="0">
          <tr>
            <td height="100" colspan="2">Some text here</td>
          </tr>
          <tr>
            <td width="500" height="278"></td>
            <td width="300" style="background-color: #0fc;">More text here</td>
          </tr>
        </table>
    </td>
  <tr>
    <td height="98" colspan="2" style="background-color: #efefef;"></td>
  </tr>
</table>