在Chrome/Firefox上调整盒子模型大小

我有下面的代码，它显示了我在Chrome中想要的东西，但是在Firefox中，

面板上的
宽度
属性没有得到遵守

因此，Firefox目前存在几个问题。首先，您必须使用旧的措辞（即
display:-moz-flexbox；
）。第二，Firefox有一个已知的bug，它将宽度指定为百分比：

另一种解决方案可能是考虑使用<代码>显示：联机块；<代码>以实现您所追求的目标。这里有一个例子：
为什么你要使用旧的而不是更多的？因为，正如那页所说：这个新的规范在当前版本的Firefox中不起作用。好吧，考虑到长期存在的bug，让它在Firefox上也起作用的最佳方法是什么？我还没有使用flexbox来减少bug的数量。我建议使用
display:inline块。下面是一个例子：另外，如果您想了解更多关于
display:inline块的信息我最近写的这篇文章：如果你需要高度相同，那么你也可以考虑使用<代码>显示：表格单元格；代码>（如图所示：）。这也有相当合理的浏览器支持：