显示：Firefox 中的 -moz-box，奇怪的填充问题

Question

我正在实现一个 CSS3 覆盖系统，如 site 所示。我的代码已经稍作修改以在 Firefox 中工作，但是我无法使框调整其宽度以适应 Firefox 中的内容。下面的 JSFiddle 最能代表我所说的。

http://jsfiddle.net/MtbyW/

如果您在 Chrome/Safari 中运行该 Fiddle，您会注意到覆盖框会调整其宽度以很好地适应内容，但是在 Firefox 中，会出现一个水平滚动条。

在我看来，div.wrap 上的 display: -moz-box 属性似乎导致了这个问题，就好像我将它从 css 中删除一样，内容适合（尽管我失去了垂直居中）。有人可以告诉我我做错了什么或如何在 Firefox 中解决这个问题吗？

Answer 1

我只是在玩它，通过从 overlay_content div 中删除填充并为 showme div 添加边距，我设法使它在所有浏览器上都能正常工作。