可以使用flexbox来复制windows metro风格的布局吗？

Question

是否可以使用非嵌套弹性框实现此类布局？

我知道如果flex-wrap不合适，{{1}}将使下一行的框变为现在，但是我怎样才能获得具有可变高度的框，如上面的屏幕截图所示，而没有嵌套更多的弹性框？ / p>

Answer 1

是的，使用一些普通的基于CSS浮点的网格，可以创建像这样的宽松布局。 例如，请参阅this example和how the author did it。

MS也提出了一个名为＆＃34; CSS Grid Layout＆＃34;到MSDN中描述的W3C。它允许在没有Flexbox支持的情况下创建这样的布局。它从未在IE之外被采用，但如果你只需要关心IE，你可以使用它。