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/

Answer 2

除非意外，否则不能使50px加50px等于可用宽度的100％。如果您只想将表格放在右侧，请设置例如margin-left: auto就可以了。但如果表格宽度设置为100％，这将无效。