Html 铬合金、Flexbox和fat div

试图更好地理解flexbox

在Firefox中，这个代码段正确地处理了左栏，但在Chrome中，右栏太宽，左栏太窄

我如何让它与Chrome一起工作

.child{
边框：实心1px；
}
.左{
宽度：100px；
}
.集装箱{
显示器：flex；
显示：-webkit flex；
}

我走了！
我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！
我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的
脂肪我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的
而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！而我
又对又胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！我是对的，而且很胖！

在Firefox中，这个代码段正确地处理了左栏，但在Chrome中，右栏太宽，左栏太窄

它实际上在Firefox中不起作用。FF中

.left

的计算宽度约为84px，而不是100px

而在Chrome中，它只是缩小以适应内容

显然，不同的浏览器以自己的方式处理flex项的默认最小大小

跨浏览器解决方案是定义

而不是：

.left { width: 100px; }

尝试：

在此处了解有关

flex

属性的更多信息：

---

将

最小宽度：100px

添加到

中。左侧

好的，它起作用了。但是为什么简单的

width

能在Firefox中工作，而Chrome却要求

minwidth

？。对于初学者来说，你可以称之为怪异的浏览器怪癖。对于测试和开发，我建议使用最接近W3规范的FirefoxDeveloperEdition。对于这些怪癖，你只需要记住这个解决方案，因为你会一次又一次地遇到它。。。试过了吗？啊。实际上，我已经停止使用供应商前缀。到目前为止，一切进展顺利。（顺便说一句，autoprefixer是最好的）别开玩笑了，是Delphi开发人员吗？小世界，我的上一份工作（公元1653年）是Delphi 7.xOkay，谢谢=-）我尝试成为后端程序员的另一个原因，远离这个=-）非常感谢！没有注意到firefox也会收缩列=-）

.left { flex: 0 0 100px; } /* don't grow, don't shrink, width is 100px */