Html Firefox中的中断渲染

今天我遇到了一件奇怪的事情，完全弄不懂到底是怎么回事。 这段代码在我的MBP上的FF 40.0.3中表现不好，但在Chrome和Safari中没有任何问题

编辑

有人能告诉我为什么按钮比标签短吗

---

这是因为您在

td

中设置了100%的宽度

您需要设置td的宽度，而不是

按钮

100% ?
编辑

这是因为您在

td

中设置了100%的宽度

您需要设置td的宽度，而不是

按钮

100% ?
编辑

谢谢您的回复。好吧，这个片段只是为了显示错误的渲染。在我的真实案例中，我需要一列占据整个宽度，而所有其他列的宽度刚好够容纳内容。在实际情况中，按钮列只有8像素宽，这是不可接受的。这种行为仅在FF中存在。是否可以将第一个td的宽度设置为90%，将另一个设置为10%？我不是在找解决办法。我想了解为什么这段简单的HTML在FF和其他浏览器中以不同的方式呈现。然后，有了这些知识，我们将决定如何修复它。谢谢你的回复。好吧，这个片段只是为了显示错误的渲染。在我的真实案例中，我需要一列占据整个宽度，而所有其他列的宽度刚好够容纳内容。在实际情况中，按钮列只有8像素宽，这是不可接受的。这种行为仅在FF中存在。是否可以将第一个td的宽度设置为90%，将另一个设置为10%？我不是在找解决办法。我想了解为什么这段简单的HTML在FF和其他浏览器中以不同的方式呈现。然后，有了这些知识，我们将决定如何修复它。

<table>
    <tr>
        <td style="width: 100%;"></td>
        <td>
            <button style="width: 100%">Edit</button>
        </td>
    </tr>
</table>