我试图归档一个简单的侧边栏使用普通花车可视化内容，然后我使用经典技术获得等高柱（margin-bottom: -99999px; padding-bottom: 99999px等），但我不喜欢它，我在这里和那里有一些问题，所以我决定使用flex-盒子，我前段时间尝试过固定尺寸宽度它工作正常，但现在我有百分比宽度所以看起来firefox根本不喜欢它...
This示例显示了我通常期望flex-box工作的方式，并且它在safari和chrome中运行良好，但firefox只是忽略了百分比宽度......我发现了Firefox的it is a known issue但是它是一个旧的，我认为他们已经解决了......
然后我尝试了一些different以欺骗firefox，但仍然不希望我期望，因为侧边栏根据内容的页面大小不同......
所以我最终放弃了带有流畅布局的柔性盒子，并使用更符合我需要的更简单......
但是我很想知道是否有人通过任何解决方法解决了这个问题，或者我们是否都在队列中以便通过mozila修复...
谢谢！
答案 0 :(得分：1)
我强烈反对使用margin-bottom: -99999px; padding-bottom: 99999px解决方法。
如果你想要一个流畅的布局（我认为这就是问题所在？），14％，86％的分割，只需使用普通的旧CSS而不是Flex。
为什么重新发明轮子。如果您正在寻找更好的布局方式，请尝试“网格”方法。
这假定您出于某些特定原因不需要flex，如果这样做，则忽略它;）。此外，在使用CSS3特定属性时，请考虑向后兼容性！