我为电子邮件通讯创建了两个并排放置的表格,但在 Outlook 中查看时,第二个表格位于第一个表格之下。
这是JSfiddle。
HTML:
<div id="container">
<table id="table1">
<tr>
<th colspan="2"> </th>
</tr>
<tr>
<td height="106" colspan="2"> </td>
</tr>
<tr>
<td height="155"> </td>
<td> </td>
</tr>
<tr>
<td height="114"> </td>
<td> </td>
</tr>
</table>
<table id="table2">
<tr>
<th colspan="2"> </th>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td height="236"> </td>
<td> </td>
</tr>
<tr>
<td height="118"> </td>
<td> </td>
</tr>
</table>
</div>
CSS:
#table1, #table2 {
border: 1px solid black;
float: left;
width: 350px;
}
#table2 {
float: right
}
#container {
width: 700px;
margin: 0 auto;
}