问题说明
在使用element ui 进行布局时，我将各个部分拆分成单独的组件，但是出现了布局混乱问题，看下图
- 官方示例，拿来直接用的时候的效果：
- 将各个部分拆分成组件后：
我们看到布局已经乱了，头部和主体部分已经在一行显示了。
问题解决
查看element ui 文档说明，发现下面一个属性
OK，我们给 el-container 增加这个属性
<el-container direction="vertical">
<Header />
<Main />
</el-container>
再看布局，正常显示
如果文档帮到你，请点赞呦，谢谢~
原文链接：（侵删）