Float:right 关于 outlook 响应代码

Question

我正在编写 "responsive" 电子邮件。

我有一个 table 有 2 个 td。我希望第二个位于 table 的右侧。

问题是第一个不能有固定宽度，所以 table 可以响应。

我尝试了 "float: worksright" 解决方案，但它在 outlook 上不起作用。（我试过其他人，但这是更好的解决方案。）你有什么想法吗？

<table style="max-width:600;" border="0" cellspacing="0" cellpadding="0">
         <tr>
             <td width="131" style="padding:25px 0;"><img src="images/autodesk.jpg" style="display:block; height:auto; max-width:131px; width: 100%;"></td>
                <td width="25" style="font-size:1px; padding:25px 0;">&nbsp;</td>
             <td style="padding:25px 0; vertical-align:top;"><table style="max-width:444;" border="0" cellspacing="0" cellpadding="0">
                 <tr>
                     <td style="font-family:Arial, Helvetica, sans-serif; font-size:13px;">
                         <strong style="color:#ff9933; font-size:11px; text-transform:uppercase;">Autodesk</strong><br/>
                            <strong style="color:#020a0d; font-size:20px; line-height:27px;">Coleções de indústrias Autodesk</strong><br/>
                            <br/>
                            O Kaspersky Anti-Virus proporciona a primeira linha de defesa do seu PC contra vírus através de tecnologias antimalware premiadas, spyware e muito mais. Obtenha proteção real contra os programas maliciosos.<br/>
                            <br/>
                        </td>
                   </tr>
                   <tr>
                     <td><table border="0" cellspacing="0" cellpadding="0"  style="max-width:444;">
                         <tr>
                             <td>
                             <div style="background-color:#ff9933; color:#ffffff; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; text-transform:lowercase; padding:5px;">Saber +</div>
                           </tr>
                        </table></td>
                   </tr>
                </table></td>
           </tr>
  </table>

停止一切！我公开宣布自己是一个愚蠢的人。它只是在父 table 中使用 align="right"。 --' 有时我们会忘记最简单的事情。

感谢大家的帮助。 :)

Answer 1

在第二个 td

内将 width="100%" 设置为 table

看看这个fiddle

Float:right 关于 outlook 响应代码

Float:right on outlook responsive code

html

css

outlook

html-email