input框如何自适应td的宽度

要使输入框自适应 `td` 元素的宽度，你可以使用 CSS 中的 `width` 属性。下面是一种常用的方法：

<style>
  .td-container {
    position: relative;
    display: inline-block;
    width: 100%; /* 设置 td 宽度为输入框的父容器宽度 */
    box-sizing: border-box; /* 确保包含边框和内边距在内的宽度计算 */
  }
  .input-field {
    width: 100%; /* 设置输入框宽度为 100% */
    box-sizing: border-box; /* 确保包含边框和内边距在内的宽度计算 */
  }
</style>

<table>
  <tr>
    <td>
      <div class="td-container">
        <input type="text" class="input-field">
      </div>
    </td>
  </tr>
</table>

在上面的示例中，`.td-container` 类被用作 `td` 元素的父容器，并通过设置 `width: 100%` 来使其自适应父元素的宽度。接着，`.input-field` 类被用于输入框，同样设置 `width: 100%` 来使其填充父容器的宽度。最后，`box-sizing: border-box` 属性用于确保包含边框和内边距在内的宽度计算。

这样，输入框就会根据 `td` 元素的宽度自动调整其宽度。