请教前端大佬们如下排版如何是其中一块最大化

[imherer]

• 假如有一个如上图的页面，分 ABC 三块，或者说就 BC 两块，如何实现 BC 两块各自最大化

• 就是类似于 BC 右上角各有一个最大化和还原按钮，点击最大化之后整个页面就只显示 B 或者 C ，点击还原就回到如上图

• 想请教下各位前端大佬这类的方案该如何实现呢

[rocmax]

有 fullscreen api ，在 b ，c 最外层元素上调用即可。另外注意各浏览器 api 名不同，网上有统一适配的方法，判断 api 在不在然后调用
https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

[caocong]

用 grid 的方式做了一版，https://codepen.io/caocong/pen/vYMNQPp

[chnwillliu]

grid 正解，甚至支持过度动画。