爲什麼不浮動：左側工作？

我試圖創建一個移動響應電子郵件，但它似乎float:left不起作用。我需要一套全新的眼光來看一看吧：爲什麼不浮動：左側工作？

http://scratchpad.io/silent-science-7546

 <table id="Flagmark_Headline" class="full_TD_width" height="85" width="551" border="0" cellspacing="0" cellpadding="0"> 
      <tbody> 
      <tr> 
       <td width="21" height="85" class="mhide"></td> 
       <td align="left" valign="top" style="" class="headline" width="365"> 
       <table border="0" width="365" cellpadding="0" cellspacing="0"> 
        <tbody> 
        <tr> 
         <td height="20"></td> 
        </tr> 
        <tr> 
         <td height="30" class="main_headline" style="font-size: 150%;"> 
         <h1 style="padding:0; margin:0;"><font face="Arial, Helvetica, sans-serif" style="-webkit-text-size-adjust:none; font-weight:normal;" size="5">This, is a great headline</font></h1> 
         </td> 
        </tr> 
        <tr> 
         <td height="20"><font face="Arial, Helvetica, sans-serif" style="-webkit-text-size-adjust:none; font-weight:normal;" size="4">No if, ands, or maybes!</font></td> 
        </tr> 
        <tr> 
         <td height="15"></td> 
        </tr> 
        </tbody> 
       </table> 
       </td> 
       <td class="mhide" width="45"></td> 
       <td width="113" class="get-one-hundred"> 
       <table border="0" bordercolor="" width="113" cellpadding="0" cellspacing="0"> 
        <tbody> 
        <tr> 
         <td width="123" height="5"></td> 
        </tr> 
        <tr> 
         <td class="get-money" width="123" height="55"><font face="Arial, Helvetica, sans-serif" style="-webkit-text-size-adjust:none; font-weight:normal;" size="6">?????</font></td> 
        </tr> 
        <tr> 
         <td height="13"><font face="Arial, Helvetica, sans-serif" style="-webkit-text-size-adjust:none; font-weight:normal;" size="2">Profit</font></font></td> 
        </tr> 
        <tr> 
         <td width="551" height="5"></td> 
        </tr> 
        <tr></tr> 
        </tbody> 
       </table> 
       </td> 
       <td width="6"></td> 
      </tr> 
      </tbody> 
     </table>

我的CSS：

td[class=headline], td[class=main_headline], td[class=headline] table, td[class=get-one-hundred], td[class=get-money], td[class=get-one-hundred] table, td[class=divider]{width:300px !important; clear: left !important; float: left !important; overflow: hidden !important; display: block !important;} 

    table[id=Flagmark_Headline] { width: 298px !important; } 

    table[id=Flagmark_Headline] { padding-bottom: 5px !important; }

我試圖浮動：清晰，溢出：隱藏等，但我仍然卡住！誰能幫我嗎？

來源

2013-07-17 Mike

你試圖打開這個電子郵件客戶端？一般來說，電子郵件客戶端會忽略許多高級CSS選項。看看這個列表，看看有什麼作用：http://www.campaignmonitor.com/css/ – JanR

這是專門針對iOS和Android的桌面版本已經開發和測試的。 iOS和Android上的郵件客戶端（謝天謝地）接受更現代的CSS屬性 – Mike

爲什麼我會因爲一個簡單的問題而陷入低谷？ – Mike

浮動在電子郵件客戶端中得不到支持。編碼電子郵件時，我甚至不用它。編碼響應電子郵件時遇到的一個主要問題是缺少對Outlook版本的一半版本的最大寬度的支持。爲了解決這個問題，我建議將你的電子郵件編碼爲一個靜態尺寸，比如600px寬，然後在頭部添加一個媒體查詢或兩個媒體查詢來調整元素的大小。由於您專門針對iOS和Android，而這兩者都支持文檔級媒體查詢，所以您應該樂於助人。您將在您定位的客戶端中擁有一個響應式電子郵件，然後優雅地降級爲靜態的但仍然很好看的電子郵件給其他人。

來源

2013-07-17 02:34:58

同意。在做了幾個星期的電子郵件後，我意識到我無法像考慮電子郵件一樣思考它 – Mike

爲什麼不浮動：左側工作？

回答

相關問題