CSS 布局

整理日常开发遇到的一些布局，之前干活一直没有把这些抽出来（在微信读书上看了一些书，开拓了想法）。

比如，以下布局如何以 float/flex/grid 实现，切实现自适应？