html - 修复了表格的最后一列

Question

有人可以帮助我了解 css 吗？我希望表格的最后一列是固定的。第一列和第二列是自动布局的，但第三列固定在 div 元素的右侧。

<div>   
 <table>
        <tr>
            <td>text</td>
            <td>text</td>
            <td>text</td>
        </tr>
     <tr>
            <td>text</td>
            <td>text</td>
            <td>text</td>
        </tr>

</table>
<div>

Answer 1

这边

table{width:100%;}
table td{border:1px solid #ccc;}

<div>   
 <table cellpadding="0" cellspacing="0">
        <tr>
            <td>text</td>
            <td>text</td>
            <td width="100">text</td>
        </tr>
     <tr>
            <td>text</td>
            <td>text</td>
            <td>text</td>
        </tr>

</table>
<div>