el-container 实践上的布局问题

当自己利用element-ui上面的例子来实现整体布局的时候， 就是自己分开成单独的vue组件时，发现布局是不对的，效果是这样的： 代码是这样的，代码一模一样，只是拆开了各个组件，如下图： 后来发现是这个问题，当你拆开后，el-container容器不知道子元素中是否有 el-header 或 el-footer， 答案在这里   完善答案如图:

>>阅读原文<<