郵件客戶端的HTML電子郵件填充權問題Mac

Question

我有一個問題讓我的HTML郵件在Mac郵件客戶端上正確呈現。基本上在屏幕的右側出現一個寬度爲20px的白色條。

這是HTML我使用：

<div style="padding:30px !important; height: 60px; border-bottom: 10px solid #07d7ed;"> 
    <div style="width:100%"> 
     <div style="float:left">Logo</div> 
     <div style="float:right">Some Text</div> 
    </div> 
</div> 

任何想法，爲什麼會這樣？

Answer 1

div s不支持任何地方，並經常與他們自己的造型。嘗試使用表代替：

<table width="100%" cellspacing="0" cellpadding="0" border="0"> 
    <tr> 
     <td align="left" valign="top"> 


      <table width="48%" cellspacing="0" cellpadding="0" border="0" align="left"> 
      <!--Use less than 50% width to account for outlook which adds space to floated tables --> 

       <tr> 
        <td align="left" valign="top">Logo</td> 
       </tr> 
      </table> 

      <table width="48%" cellspacing="0" cellpadding="0" border="0" align="right"> 
      <!--Use align instead of float to account for older browsers and outlook which don't handle floats correctly--> 
       <tr> 
        <td align="left" valign="top">sometext</td> 
       </tr> 
      </table> 


     </td> 
    </tr> 
</table> 

試試這個，看看它是否修復你的問題。如果不是，請查看您是否可以發佈屏幕截圖。