100% 宽度 <td> 在 webkit 浏览器中总是至少 1 像素宽

Question

我有一个带有面板的 GWT 应用程序，其中包含未定义数量的宽度不同的小部件以及底部的通用描述和工具栏。面板始终至少与工具栏一样宽，并且在小部件更宽的情况下会扩展。

当工具栏较宽时，我尝试在小部件右侧添加尾随边框，但我似乎无法正确处理。在 Firefox 和资源管理器中它工作正常 - 如果有足够的小部件，边框会缩小到 0px。然而，在 chrome 和 safari 中，带有边框的 div 始终至少为 1px 宽，这会破坏设计的其余部分。

谁能告诉我我做错了什么？我稍微简化了代码here。红色部分是固定工具栏，黑色部分是小部件（通过鼠标悬停模拟不同的宽度），有问题的边框是橙色的（ID 为“border”）。我意识到代码可能会更好，但这部分是由于 GWT 对基于表格的面板的痴迷。

希望这个问题有意义。

谢谢。

Answer 1

如果工具栏中有小部件，如何将边框设置为0px？

Answer 2

你试过了吗：显示：无；我相信 webkit 默认将显示设置为 table-cell。