无法更改表格单元格宽度

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

即使内容需要更多空间,您也需要指定固定表格布局以尊重列宽:

table {
    table-layout: fixed;
}