这种类型的布局可以使用非嵌套的 flex 盒子来实现吗？
我知道 flex-wrap 会让盒子在不适合的情况下放在下一行，但是我怎样才能像上面的屏幕截图一样获得高度可变的盒子，而不需要嵌套更多 flex 盒子？
最佳答案
是的，使用一些普通的基于 CSS float 的网格，可以创建像这样的四四方方的布局。 例如参见 this example和 how the author did it .
MS 还向 W3C 提出了一个名为“CSS Grid Layout”的标准，在 MSDN 中进行了描述。 .它允许在没有 flexbox 支持的情况下创建这样的布局。它从未在 IE 之外被采用，但如果你只需要关心 IE，你可以使用它。
关于css - windows metro 风格的布局可以用 flexboxes 重现吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27171016/