以下代码在Chrome中无法正确渲染顶部行(IE8可以正常呈现,我还没有在其他浏览器中测试)。
<head>
</head>
<body>
<table width="100%" border="1">
<tr>
<td width="15%">a</td>
<td width="70%">b</td>
<td width="15%">c
<table border=1>
<tr>
<td valign="top">Subtotal:</td>
<td valign="top">$2,464.34</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3">
<input type="text" style="width:500px;" />
</td>
</tr>
</table>
</body>
看起来INPUT控件中的固定宽度导致了问题。如果我将500px改为80%,它就会神奇地正常工作。或者如果我删除“c”列中的内部表格,它也可以正常工作。
为什么colspan = 3被忽略了呢? 有什么想法吗?