Html 定义宽度：在css文件中为100%，在chrome中不起作用

我有以下css代码：

td.tdhover input:hover,td.tdhover select:hover,td.tdhover textarea:hover{
 background: #f2f5a9;
 color:#ff0000;
}
td.tdhover select, td.tdhover input, td.tdhover textarea{
 position:relative;
 width:100%;
}
td.tdhover input.nobor,td.tdhover textarea.nobor{
 border:none;
}

然后，我有了这个html：

<table border="1" style="width:100%;">
  <tr>
    <td style="width:100px;">Poll Name </td>
    <td style="width:5px;"><input type="text" class="nobor"></td>
    <td class="tdhover"><input type="text"></td>
  </tr>
</table>

投票名称

---

它在铬合金中不起作用，但在IE中工作得非常好宽度：100%；是相对于其父对象的。在另一种情况下，元素所在的容器

您可能必须为容器指定一个with。比较两者：

<table id="table1" border="1" style="width:100%;">
   ...
</table>

<div style="width:200px;">
   <table id="table2" border="1" style="width:100%;">
      ...
   </table>
</div>

...
...

td.tdhover select,
td.tdhover input,
td.tdhover textarea{
  -webkit-box-sizing: border-box ;
     -moz-box-sizing: border-box ;
          box-sizing: border-box ;
   /*position: relative ; (OT) why this? */
   width: 100% ;
}