TD宽度 - 使用CSS所需的最小值

Question

考虑下表：

<table style="width: 100%">
    <tr>
        <td>Static length</td>
        <td>Static length</td>
        <td><div>Length varies</div></td>
        <td>Space filler</td>
    </tr>
    <tr>
        ...
    </tr>
</table>

如何让第3列采用最小宽度（取决于其内容）和第4列采取其余的？

Answer 1

使用此

td:nth-child(3){
    background:red;
    width: 1px;
    white-space: nowrap;
}

<强> DEMO