当自己利用element-ui上面的例子来实现整体布局的时候，
就是自己分开成单独的vue组件时，发现布局是不对的，效果是这样的：
代码是这样的，代码一模一样，只是拆开了各个组件，如下图：
后来发现是这个问题，当你拆开后，el-container容器不知道子元素中是否有 el-header 或 el-footer，
答案在这里
完善答案如图:
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
el-container全屏布局（ElementUI）
关于element-ui中el-container布满全局的问题！
element-ui 中让el-container 高度自适应
简单实现elementui的el-container布满全屏
简单实现elementui的el-container布满全屏
vue3.0+element plus 的el-container中，el-aside可以拖拽的方法（drag）
elementUi布局爬坑----Container布局缺少el-header和el-footer导致页面布局混乱
Flutter 布局（一）- Container详解
Container 布局容器
使用el-row布局在IE中错乱的问题