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

Firefox中水平框模型的CSS

1 个答案: