pan*_*sru 5 css tablelayout css-float flexbox
我试图归档一个简单的侧边栏 用普通花车直观地看待内容,然后我用经典技术制作等高柱(margin-bottom: -99999px; padding-bottom: 99999px等),但我不喜欢它,我在这里和那里有一些问题,所以我决定使用flex-box,我试了一下前段时间有固定的大小宽度,它工作正常,但现在我有百分比宽度所以似乎火狐根本不喜欢它...
这个例子显示了我通常期望flex-box工作的方式,并且它在safari和chrome中运行良好,但firefox只是忽略了百分比宽度......我发现这是一个已知的firefox 问题,但它是一个旧的,我想他们已经解决了......
然后我尝试了一些不同的东西以欺骗firefox,但仍然不希望我期望,因为侧边栏根据内容在页面之间有不同的大小...
所以我最终放弃了具有流畅布局的柔性盒,并使用更符合我需求的更简单的东西......
但我很想知道是否有人通过任何解决方法解决了这个问题,或者如果我们都在排队等待由mozila修复...
谢谢!
我强烈建议不要使用该margin-bottom: -99999px; padding-bottom: 99999px解决方法。如果你想要一个 14%、86% 分割的流体布局（我想这就是问题所在？），只需使用普通的旧 CSS 而不是 Flex。
为什么要重新发明轮子。如果您正在寻找更好的网站布局方式，请尝试“网格”方法。
这假设您由于某些特定原因不需要 flex，如果需要则忽略此;)。另外，在使用 CSS3 特定属性时请考虑向后兼容性！