html - 在 HTML 中修复表内表的表宽

Question

这是我的html，

<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
    <table border="1">
        <tr>
            <td>123123123123213213</td>
            <td>123123123123123123</td>
        </tr>
    </table>
</table>

这是我的CSS，

td{
    width: 100px;
}

http://jsfiddle.net/9drBk/

我有一个表格中的表格，我想让 td 的宽度彼此相等，但是 css 不工作。

有什么解决办法吗？

Answer 1

DEMO

<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
    <tr>
        <td colspan="2">
            <table border="1">
                <tr>
                    <td>123123123123213213</td>
                    <td>123123123123123123</td>
                </tr>
            </table>
        </td>
    </tr>
</table>