可以使表的前两列与其内容一样宽，而第三列占用剩余空间吗？

<table class="custom-table">
  <tr>
    <th>列1</th>
    <th>列2</th>
    <th>列3</th>
  </tr>
  <tr>
    <td>内容1</td>
    <td>内容1</td>
    <td>内容1</td>
  </tr>
  <tr>
    <td>内容2</td>
    <td>内容2</td>
    <td>内容2</td>
  </tr>
</table>

.custom-table {
  table-layout: fixed;
  width: 100%;
}

.custom-table th:nth-child(1),
.custom-table td:nth-child(1),
.custom-table th:nth-child(2),
.custom-table td:nth-child(2) {
  width: auto;
}

.custom-table th:nth-child(3),
.custom-table td:nth-child(3) {
  width: 100%;
}