Firefox中水平框模型的CSS

我只想创建一个“标题”，里面有几个框（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%;
}

我知道这一定是一些很基本的东西，但我已经被困了好几个小时了。

---

我在这里遗漏了什么？

Firefox中的Flexbox实现已经相当失败（至少是2009年草案中的属性）。基本上，您不能在Firefox中浮动flex容器，也不能将其定位为绝对或固定

---

什么不起作用？这个怎么样？您添加的小提琴在chrome上运行良好，但在FF（v20.0.1）上也无法正确显示，即使在检查元素时，水平尺也会出现。如果您使用Flexbox，请不要单独使用旧的2009草稿中的属性。始终确保您也包括了现代的容器（请参见：）。您可以使用

float

“您不能浮动flex容器，也不能将其定位为绝对或固定。”–这是（/应该）非常明显的，因为这些都是相互对立的定位技术。这些是特定于Firefox的bug，会导致flex容器/项目出现错误。我不是建议你把它们一起使用。没错，去掉“position:fixed”行就解决了这个问题，尽管现在我有另一个问题。。。。