Html 表格单元格内的输入元素宽度

我正在努力使下面的工作方式，我希望它。我想让输入元素将其宽度更改为提供的单元格宽度。以下是代码：

<table style="margin-top:10px;width:80.5%;font-size:14px">
    <tr>
        <td style="text-align:left;width:5%">
            <span translate>CaseNumber</span>:
        </td>
        <td style="text-align:left;width:5%">
            <span>
                <input easyui-textboxreadonly readonly ng-model="caseid" style="width:80px;height:32px;background-color:#72A4D2"/>
            </span>
        </td>
        <td style="text-align:left;width:2%">
            <span translate>Title</span>:
        </td>
        <td style="width:88%">
            <div style="width:100%">
                <input easyui-textbox data-options="required:true" ng-model="title" style="height:32px;"/>
            </div>
        </td>
    </tr>
</table>

案件编号：
标题：

我希望最后一个单元格中的输入占据它所在单元格的所有宽度。

---

除非我提供输入的宽度，否则它不会发生。

将

width:100%

放在

input

元素本身上，而不是放在它周围的

div

上（事实上，您可以完全去掉

div

）

演示：

表格{
边框：1px纯蓝色；
}
运输署{
边框：1px实心浅灰色；
}
输入{
宽度：100%；
}

案件编号：
标题：

您需要为该输入元素设置宽度：100%。否则就不会发生

因此，如果将其宽度设置为100%，则它不起作用