表行跨度和列跨度问题

Question

在查看包含 rowspan 和 colspan 的表结构时，我偶然发现了两个有趣的实例。

查看jsfiddle

第一个表应该有三行，但最后一行保留在第二行。虽然我知道如果我将底部行跨度更改为 1 而不是 2，则此问题已解决，但为什么它不能以这种方式工作？

<table border="1">
    <tr>
        <td rowspan="3">3</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td rowspan="2">2</td>
        <td rowspan="2">2</td>
        <td rowspan="2">2</td>
    </tr>
    <tr>
        <td colspan="4">bottom</td>
    </tr>
</table>

第二个表格应该有一个底部边框，但没有显示。再次，我意识到底行和左侧框的左侧行跨度为 2，底行的行跨度为 1，但我想知道为什么它不像我在 jsfiddle 中显示的那样工作。

<table border="1">
    <tr>
        <td rowspan="3">3</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td rowspan="2">2</td>
        <td rowspan="2">2</td>
        <td rowspan="2">2</td>
    </tr>
</table>

Answer 1

第一个表格的格式不正确，因为上面的所有列的行跨度都 > 1。第三行没有可添加单元格的列，但您有 colspan=4。

第二个表格式错误，因为第二行中的所有列的行跨度都 > 1，因此没有最后一行，也没有底部边框。