无法更改表格单元格宽度

Question

我有一个包含单元格中另一个小表的表：

<table id="big" style='width: 100%'>
 <tr>
  ..
  <td>..</td>
  ..
 </tr>
 <tr>
  ..
  <td style='width: 75px'>
    <table style='width: 100%'>
     <tr>
      <td style='width: 33%'><select></select></td>
      <td style='width: 33%'><select></select></td>
      <td style='width: 33%'><select></select></td>
     </tr>
    </table>
  </td>
  ..
 </tr>
</table>

正如你所看到的，我有一个小桌子，应该占据整个外部细胞。此表应分为1x3单元格，每个单元格包含一个选择组合框。

现在内部表的宽度总是比指定的大，破坏了外部表GUI。

如您所见，我试图以像素为单位限制外部单元格宽度，但没有任何成功。

Answer 1

即使内容需要更多空间，您也需要指定fixed table layout来尊重列宽：

table {
    table-layout: fixed;
}