静态页面表格的布局问题--在表格里不能用float来布局，不然你怎么调都发现没用啊。今天一直在调一个表格，本来按照表格的布局，那样写是对的。结果我就一直调，就是一个两行两列的表格，很简单的。但是由于我是吧原来的div换成表格布局，结果里面有一些float属性。导致我的表格不能按照预期的显示。
这是我改过之后的布局，可以按照预期的显示。
<table border="1" style="background-color:#F0F8FB;width:745px;float:left;margin-left:15px;margin-top:15px;text-align:left;border-collapse:collapse;line-height:25px;">
<tr>
<td style="width:100px;">
<img src="images/face00.jpg" alt="" style="width:48px;height:48px;"/>
</td>
<td style="width:240px;">
<div class="UserInfo">
<span class="Welcome">欢迎您，${session.user.userName}</span>
<span><a>编辑个人资料</a></span>|
<span><a>修改密码</a></span>|
</div>
</td>
</tr>
<tr>
<td></td>
<td>
<table>
<tr>
<td>会员级别:</td>
</tr>
<tr>
<td>账户余额:</td>
</tr>
<tr>
<td>订单提醒:</td>
</tr>
<tr>
<td>普通会员</td>
</tr>
<tr>
<td>¥0.0</td>
</tr>
<tr>
<td><a style="color:#2364B4;">等待支付的订单（0）</a></td>
</tr>
<tr>
<td>购物积分：<a>0</a></td>
<td><a>礼品卡（0张）</a></td>
<td><a>收藏商品（4）</a></td>
</tr>
<tr>
<td></td>
<td><a>优惠券（0张）</a></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
表格截图如下：
改之前的代码如下：
<table border="1" style="background-color:#F0F8FB;width:745px;float:left;margin-left:15px;margin-top:15px;text-align:left;border-collapse:collapse;line-height:25px;">
<tr>
<td style="width:240px;float:left;margin-top:0px;">
<img src="images/face00.jpg" alt="" style="width:48px;height:48px;"/>
</td>
<td style="width:240px;float:left;margin-top:0px;">
<div class="UserInfo">
<span class="Welcome">欢迎您，${session.user.userName}</span>
<span><a>编辑个人资料</a></span>|
<span><a>修改密码</a></span>|
</div>
</td>
</tr>
<tr>
<td></td>
<td>
<table>
<tr>
<td>会员级别:</td>
</tr>
<tr>
<td>账户余额:</td>
</tr>
<tr>
<td>订单提醒:</td>
</tr>
<tr>
<td>普通会员</td>
</tr>
<tr>
<td>¥0.0</td>
</tr>
<tr>
<td><a style="color:#2364B4;">等待支付的订单（0）</a></td>
</tr>
<tr>
<td>购物积分：<a>0</a></td>
<td><a>礼品卡（0张）</a></td>
<td><a>收藏商品（4）</a></td>
</tr>
<tr>
<td></td>
<td><a>优惠券（0张）</a></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
有float的截图如下：
