Html 页面布局的Flexbox？

我想知道我是否应该开始使用flexbox进行网站/Web应用程序布局设计，而不是浮动div等

但我收到的信息是复杂的。在一个网站上，他们说flexbox现在是页面布局的“圣杯”：

然而，创建css3 flex规范的Tab Atkins有一个页面，名为“为什么FlexBox不适合页面布局”

我看了一段视频：

所以我的结论是，他的意思是它不应该用于复杂的页面布局。显示：网格将更适合。然而，网格可能还需要几年时间才能覆盖所有流行的浏览器

所以我的问题是，就目前而言，flexbox是否比当前的解决方案（div浮动、显示：表格单元格、内联块等）更适合创建页面布局？在网格出现之前，我应该使用flexbox吗

---

p、 我知道flexbox与旧浏览器不兼容。但我在这里是假设性的，对于这个问题，让我们假设这不是问题。

我想你误解了Flexbox解决的Philip。他没有说flexbox是布局的圣杯，布局本身被称为圣杯

Tab提出了一些好的观点，但这并不意味着flexbox不是目前针对某些布局的最佳解决方案

简单 flexbox会使HTML或CSS更简洁、更易于理解或维护吗？使用flexbox可以消除诸如删除内联块元素上的空白或

display:table

经常需要的额外标记等黑客行为

演出 Flexbox元素的渲染速度比浮动或内联块元素稍慢。然而，除非您的页面上有数百个FlexBox，否则这是优化页面速度时最不需要考虑的事情之一。有时使用flexbox可以大大减少CSS的数量

灵活性 FlexBox非常灵活（并非有意双关语）。您可以做一些事情，比如重新排列元素的顺序，这对于其他方法来说可能非常困难或不可能

---

当做一些简单的事情，比如两列布局时，我仍然会使用float。也就是说，如果你需要flexbox为你的布局提供的功能，或者它简化了你的HTML或CSS，那就去吧！从长远来看，网格布局可能更适合，但它们尚未在大多数浏览器中实现。

这取决于您试图获得的布局，但一般来说，我认为使用flexbox进行布局没有问题。

display:flex

只是工具箱中的另一个工具，主要用于组织一行类似的元素。在适当的时候使用它，但作为一般规则，不要考虑它的整个页面布局。正如你所说，这就是网格的用途。这些网格看起来更棒，但似乎只有IE10+有支持