【问题标题】:CSS Flexbox bug with Firefox [duplicate]Firefox 的 CSS Flexbox 错误 [重复]
【发布时间】:2015-03-04 20:07:07
【问题描述】:

我在 Firefox(最新)上使用 Flexbox 时遇到了一些奇怪的行为。

这似乎发生在一种非常特殊的情况下,当弹性项目的子元素内部有一个绝对定位的元素时。

我创建了一个 codepen 演示,它在 Chrome 中运行良好,但是在 Firefox 上,您会看到图像消失了。

演示是最简单的形式。所以应该很直接地知道我想要做什么(提示:chrome)

http://codepen.io/anon/pen/QwBaLJ

您会看到.Item-media 元素设置为position: relative;,其中包含img,设置为position: absolute;

有没有人在 Firefox 上遇到过这种情况并设法找到了一个不错的解决方案?

重要!这是一个响应式演示,只有移动版在Firefox中不起作用。

【问题讨论】:

    标签: css firefox flexbox


    【解决方案1】:

    尝试为您的 '...'-flex css 添加前缀

    -moz-box-flex: $values
    

    https://css-tricks.com/snippets/css/a-guide-to-flexbox/

    【讨论】:

      猜你喜欢
      • 2017-09-29
      • 1970-01-01
      • 1970-01-01
      • 2021-03-26
      • 2015-07-18
      • 2020-06-17
      • 2013-03-04
      • 2018-04-06
      • 2017-12-10
      相关资源
      最近更新 更多