在使用elementUI的Container布局时，我将el-header和el-footer封装成了组件，导致布局出现问题。
官方demo是这样的：
由于我需要把Header和Footer封装成组件，运行后布局却乱了。
运行结果：
查阅官文发现：
所以需要在container上加上direction="vertical"：
运行成功：
elementUi布局爬坑----Container布局缺少el-header和el-footer导致页面布局混乱
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
通过flex布局时footer始终在页面底部
el-container 实践上的布局问题
CollectionView Header And Footer 的使用
8-3.header和footer标签
如何让html引用公共布局（多个html文件公用一个header.html和footer.html）
## GridView 布局：item设置的高度和宽度不起作用、自动适配列数、添加Header和Footer ##
ElementUI的el-form怎样格式化布局
jmeter中请求header缺少，导致请求一直报错不通过
elementUI的现成框架, 缺少样式, el-image样式没有, 已解决
微信调整字体大小导致页面样式混乱