图像显示在问题描述下方；分别标注。代码显示在帖子的末尾。
代码在 chrome 中正确显示（图 1），但在 Firefox、Internet Explorer（后面称为 IE）和 safari（图 2）中显示不正确。删除表格标题内容后，表格宽度会正确显示（图 3）。我知道表格宽度的计算是正确的<td>...</td>，因为表格的一部分在所有三个浏览器中都是正确的。这个问题纯粹是在显示中，有人对如何解决这个问题有任何想法吗？
由于表格应在 Chrome 中显示：
IE/Firefox/Safari中的表格：
IE/Firefox/Safari中<th>... </th>内容清空时的表格（其他代码无变化）：
表格标题代码：
echo "<table class='main' style='width: 100%;' cellpadding='0' cellspacing='0'><tr>";
echo "<th style='width: 20%;'>Student Name</th>";
while($row2 = mysql_fetch_array($result2))
{
extract($row2);
echo "<th style='width: calc(80% / ".$numclasses.");'>**".$classname."**</th>";
}
echo "<th style='width: calc(80% / ".$numclasses.");'>**No Class**</th>";
...<insert correctly behaving <td>...</td> here...
echo "</table>";