webkit浏览器中的100％宽度始终至少为1像素宽

Question

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

我尝试在工具栏更宽的时候在窗口小部件的右侧添加一个尾部边框，但我似乎无法正确使用它。在Firefox和资源管理器中它工作正常 - 如果有足够的小部件，边框缩小到0px。然而，在chrome和safari中，带边框的div总是至少1px宽，这打破了设计的其余部分。

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

希望这个问题有道理。

感谢。

Answer 1

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

Answer 2

你试过吗：display：none;我相信webkit默认将显示设置为table-cell。