求助万能网友，下图效果实现自适应大家都是怎么实现的

一个页面分成了A B C D E 五块，我们目前使用的是anjularjs material里面的layout、flex布局，存在上下比例是2：1的时候，外面的宽度要固定才可以，但要求是页面要能够实现自适应，不知道有没有用过flex做布局的朋友或者大家实现这个页面效果是怎么做的

---

描述清楚一点