相比传统的布局方式,flex 和 grid 使布局系统简化,轻松的解决了复杂的 web 布局。
早在以前,所有的 HTML 布局还是通过 table,float 以及其他 css 属性来完成。面对复杂的布局,就没有很好的办法了。
随着 flexbox 的出现,它专注于创建稳健的响应式页面布局模式,并轻松的正确对齐元素及其内容。如今已是我们的首选。

Can I Use FlexBox?

如今 flexbox 随着浏览器的发展(IE9 以下版本渐渐退出舞台),flexbox 如火如荼成为了 css 布局的主流,前端开发者的首选。

与此同时,grid 布局在 2010 年由 Microsoft 首次提出,目前已成为 W3C 候选标准,支持 grid 布局的浏览器也越来越多

Can I Use Grid?