【问题标题】：Uneven two column layout for fluid hybrid email流体混合电子邮件的不均匀两列布局
【发布时间】：2016-11-03 18:43:21
【问题描述】：
我正在使用流体混合方法为客户处理电子邮件。我正在尝试创建一个两列布局的页脚，但列不均匀。我正在寻找左列（包含图像）为电子邮件宽度的 58%（电子邮件的最大宽度为 600 像素），右列（仅包含文本）为剩余的 42% 宽度。
通过 Litmus 进行测试时，我能够让它在大多数电子邮件客户端上毫无问题地显示。 Outlook 2007、2010 和 Windows 10 Mail 出现问题。有什么想法吗？
这是我的litmus build的链接。
提前谢谢你！
【问题讨论】：
标签：
css
email
html-email
email-client
【解决方案1】：
我花了太长时间试图让 Outlook 尊重列宽，我会尝试以下方法：
麻烦表格的第一行在每个单元格中只有一个 ，但明确设置了宽度。
例如：
<table>
<tr>
<td width="58%"> </td>
<td width="42%"> </td>
<\tr>
...
这会阻止 Outlook 试图变得聪明，并将列的大小调整为它认为应该的大小。它的行为就好像它的宽度基于表格的第一行，因此明确设置没有内容的宽度通常可以解决问题。
如果做不到这一点，这是一个肮脏的技巧 - 嵌入一个不可见的 1px x 1px gif 很有用 - 因为您可以将它包含在每个顶行单元格中并设置其宽度。这是 Outlook 也无法忽视的。
<img src="1px.gif" height="1" width="58%" />