如何使行布局忽略前一行

Question

我有一行，其最后一个td元素需要占据行宽的50％：

Take a look at column 3.

但是，我还需要第一行中的td来填满整行。当我将其宽度设置为100％时，它会影响第二行：

Now look what happened!

有没有办法让第二行忽略前一行的列大小？
我能想到的唯一选择是在第二行中使用单个td，并在其中进行划分（这可能在我的简化示例中有效，但在现实生活中将是绝对混乱）。

浏览器：谷歌浏览器。

注意：不幸的是，使用div而不是表格不是一种选择：（

Answer 1

您希望将colspan应用于跨越表格整个宽度的单元格。在这种情况下，由于第二行中有3个单元格，您需要添加colspan="3"。

<强> HTML：

<table>
    <tr>
        <td colspan="3">1</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td class="wide">3</td>
    </tr>
</table>

JS小提琴： http://jsfiddle.net/pak1hx68/