采用 flexbox 弹性容器进行布局，只做练习用。 浏览器打开时切换到手机模式。
样本地址：
http://tpl.zhuamimi.cn/%E6%89%8B%E6%9C%BA%E7%AB%AF%E9%A1%B5%E9%9D%A2-Flexbox/flex%E7%BB%83%E4%B9%A0-%E7%BA%B5%E6%A8%AA%E4%B8%AD%E6%96%87%E7%BD%91/
源码下载
链接：https://pan.baidu.com/s/1IMiyWg-DxMzJID6KY7cXDg
提取码：ggyj
效果图如下
原文：https://www.cnblogs.com/whnba/p/10480248.html