element-ui 布局拆分组件，布局出现问题

问题说明

---

 

在使用element ui 进行布局时，我将各个部分拆分成单独的组件，但是出现了布局混乱问题，看下图

• 官方示例，拿来直接用的时候的效果：

• 将各个部分拆分成组件后：

我们看到布局已经乱了，头部和主体部分已经在一行显示了。

问题解决

---

查看element ui 文档说明，发现下面一个属性

OK，我们给 el-container 增加这个属性

<el-container direction="vertical">
    <Header />
    <Main />
</el-container>

再看布局，正常显示

如果文档帮到你，请点赞呦，谢谢~

原文链接：（侵删）

Element布局的小坑，el-container布局不正常 - 简书

Cikayo个人博客https://www.cikayo.com/