jquery - 显示 : -moz-box in Firefox, 奇怪的填充问题

标签 jquery firefox css

我正在实现一个 CSS3 覆盖系统,如 site .我的代码已稍作修改以在 Firefox 中工作,但是我无法使框根据 Firefox 中的内容调整其宽度。以下 JSFiddle 最能代表我在说什么。

http://jsfiddle.net/MtbyW/

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

对我来说,似乎 div.wrap 上的 display: -moz-box 属性导致了这个问题,就好像我将它从 css 中删除一样,内容适合正确(尽管后来我松了垂直居中)。有人可以告诉我我做错了什么或如何在 Firefox 中解决这个问题吗?

最佳答案

我只是尝试了一下,通过从 overlay_content div 中删除填充并向 showme div 添加边距,我设法使其在所有浏览器上都能正常工作。

关于jquery - 显示 : -moz-box in Firefox, 奇怪的填充问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6861130/

相关文章:

javascript - ajax返回值不起作用

javascript - 通过标签输入下拉搜索

google-chrome - Windows 上的 Chrome 和 Firefox 与 Linux 上的 Chrome 和 Firefox (selenium)

javascript - Firefox 元素高度问题

javascript - 在 Firefox 中检测到 "image corrupt or truncated"

javascript 如何 foreach 循环遍历数组

javascript - 在 jQuery 中将字符串转换为 int/float

javascript - 动态更改字体大小时到基线的恒定距离 - html - 文本元素

android - Ionic android/ios www转apk流程

javascript - 只下载引导导航栏?