【问题标题】:Paragraphs are overlapping in firefoxFirefox中的段落重叠
【发布时间】:2011-12-30 22:05:42
【问题描述】:

现场演示:http://jsfiddle.net/4M5dq/

我正在运行 Firefox 8 for mac,并且我的网站上的段落出现了奇怪的行为,就像段落超出了文档流并将它们堆叠在一起一样。

Safari + Chrome 正在按预期工作。

有人知道这是什么原因吗?对于其他人确认问题也存在于他们来说会很有用。

【问题讨论】:

  • 在 Firefox 8.0.1/Windows XP 上为我呈现。很奇怪。
  • 您可以考虑将示例发布到静态 uri,例如 jsfiddle.net,因为它会为未来的查看者保留代码

标签: html css firefox cross-browser


【解决方案1】:

如果您从 #frontpage 元素中删除 display: -moz-inline-stack;,段落将不再重叠

【讨论】:

  • 谢谢,我需要 -moz-inline-stack 用于旧版本的 firefox,但如果我在 inline-block 之前声明它,那么当前版本将使用 inline-block 而这解决了问题。
  • 所以尝试使用 -moz-inline-box 代替旧版 FF
  • 这会导致一切都停止包装。
【解决方案2】:

无法测试我在哪里...没有 FireFox。但我想知道这是否与此有关

p.dropcap::first-letter {
    float: left;

也许 FF 正在将float 应用于整个段落?

【讨论】:

    猜你喜欢
    • 2023-03-12
    • 1970-01-01
    • 2019-02-09
    • 2011-04-17
    • 2016-12-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多