css - Firefox 中水平框模型的 CSS

Question

我想要的只是创建一个“标题”，里面有几个框（div），我想水平显示它们，就像一个工具栏。

所以这是一个基本的 CSS 代码，在 Chrome 上可以正常工作，但在 Firefox 上不行，

header{
    margin-bottom:1px;
    display: -webkit-box;
    display: -moz-box;
    box-orient:inline-axis;
    -moz-box-orient:inline-axis;
    position: fixed;
    top:1px;
    font: 20px bold;
    color:red;
    background:pink;
    min-width:100%;
    height:10%;
}

我知道它一定是非常基本的东西，但我已经被困了好几个小时了。我在这里想念什么？

Answer 1

Firefox 中的 Flexbox 实现非常糟糕（至少对于 2009 年草案中的属性）。基本上，您不能在 Firefox 中浮动 flex 容器，也不能将其定位为绝对或固定。

https://bugzilla.mozilla.org/show_bug.cgi?id=649578