【实战】element布局容器中的el-main内容高度自适应，内容超出就出现滚动条

前言

随着界面的日益复杂，页面内容的多样性也在不断增加。为了更好地满足用户的需求，我们需要掌握一些技巧来优化页面布局。本文将介绍如何使用 element 布局容器中的 el-main 自适应高度，让内容超出时也能完美展示。

---

给 el-main 加上 style="height:0;flex-grow:1;" 即可。

<el-main style="height:0;flex-grow:1;"></el-main>