邮件HTML开发中如何实现并排嵌套表格无固定高度等高对齐？

完全可以实现，所有调整都符合邮件开发的兼容要求，不需要JS、不需要flex布局、不需要大幅改动现有结构、也不需要设置固定高度。

你现在的结构里同属一个<tr>下的两个td本身就具备原生等高的浏览器/邮件客户端渲染特性，视觉上高度不一致是两个配置错误导致的，只需要做极小调整即可：

• 首先移除#column1和#column2上错误的width="100%"属性。同一行的两个单元格都设置100%宽度会违反表格宽度计算逻辑，撑爆父级640px宽度的容器，直接导致列高计算异常。如果需要两列平分宽度，把两个td的width改成50%即可，也可以直接删除width属性让表格自动分配列宽。
• 给两个单元格设置顶部垂直对齐。表格单元格默认垂直对齐方式是居中，当两个单元格内部内容高度不一致时，单元格本身其实已经等高，只是内部嵌套的表格会在单元格内垂直居中，造成视觉上高度不齐的错觉。可以直接加HTML原生属性valign="top"，同时补内联样式style="vertical-align: top;"做兼容。
• 针对旧版Word内核的Outlook兼容，给包裹两个列的<tr>标签加style="height: 1px;"即可，这个写法不会强制固定行高，只会触发旧客户端的行高自动计算逻辑，最终渲染高度会自动适配两列中更高的内容高度。

调整后的核心代码参考：

<table cellpadding="0" cellspacing="0" border="0">
  <tbody>
    <tr>
      <td width="100%">
        <table width="640" cellpadding="0" cellspacing="0" border="0">
          <tbody>
            <tr style="height: 1px;">
              <td width="50%" id="column1" valign="top" style="vertical-align: top;">
                <table id="right" width="100%" cellpadding="0" cellspacing="0" border="0">
                  ......
                </table>
              </td>
              <td width="50%" id="column2" valign="top" style="vertical-align: top;">
                <table id="left" width="100%" cellpadding="0" cellspacing="0" border="0">
                  ......
                </table>
              </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>

提示：邮件场景下的所有表格建议统一加上cellpadding="0" cellspacing="0" border="0"三个属性，抹平不同邮件客户端默认的表格边距、边框样式差异，是邮件开发的通用兼容写法。

这个方案完全满足场景约束：

• 无任何JavaScript代码
• 未使用flex、grid等现代布局方案，完全依赖表格原生渲染特性，兼容从Outlook 2007到现代所有主流邮件客户端
• 未改动原有嵌套表格的结构，仅调整了属性、补充了兼容样式，改动量极小
• 全程未设置固定高度，两列高度会自动跟随内容最高的一侧同步

内容的提问来源于stack exchange，提问作者Psygno