Html表格-当表格宽度为100%时如何强制TD宽度？

Question

当整个表格宽度设置为 100% 时，是否有办法设置所有 TD 单元格的长度？换句话说，我希望所有表格单元格移至左侧(但我无法更改表格宽度，因为这是用于其他目的)。

我尝试过这样的方式:

#mytable td {
    width:50px;
}

但是当表格宽度设置为 100% 时，这不起作用。以下是现在的示例:http://jsfiddle.net/Rrkky/

Answer 1

如果可能，添加一个宽度为 100% 的额外 td。

html

<table id="mytable"style="width:100%;background:red"><tr>
    <td>TEXT1</td>
    <td>TEXT2</td>
    <td style="width:100%;background:blue">&nbsp;</td>
    </tr>
</table>

CSS

#mytable td {
    width:50px;
    background:green
}

http://jsfiddle.net/Rrkky/1/