0

这是我的场景。我正在发送一封电子邮件，并且我希望我的页脚（第二个表格）显示 - 无论第一个表格中放置了什么。但是，如果在第一个表格中将高度设置为 100%，则页脚会在 Apple 邮件中消失。

<html>
  <body>
    <table height="100%">
      *EMAIL CONTENT*
    </table>
    <table>
      *FOOTER CONTENT*
    </table>
  </body>
</html>

第一个表填满了父表的整个空间。我可以在 SECOND 表中放入什么以确保它始终可见？我尝试了各种不同的方法，包括显示：块、溢出隐藏或可见、使用绝对定位将其固定到底部、为页脚设置特定高度等等。

关于如何强制这种行为的任何想法？

4

1 回答 1

2

我不会使用position:fixed它，因为它不是在任何电子邮件中使用的好 CSS。

我不确定为什么要将 100% 高度规则添加到第一个表中，但您可以做的是嵌套表：

<html>
   <body>
     <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
       <tr>
         <td align="center">
            <table id="table1" cellpadding="0" cellspacing="0" border="0" width="700">
               <tr>
                 <td>Content1</td>
               </tr>
            </table>
         </td>
       </tr>
       <tr>
         <td align="center">
            <table id="table2" cellpadding="0" cellspacing="0" border="0" width="700">
               <tr>
                 <td>Content1</td>
               </tr>
            </table>
         </td>
       </tr>
     </table>
   </body>
 </html>

这个基本结构将解决你的很多问题。仅在包装表上放置 100% 的高度。

于 2018-01-31T17:51:02.293 回答