el-container 實踐上的佈局問題

當自己利用element-ui上面的例子來實現整體佈局的時候， 就是自己分開成單獨的vue組件時，發現佈局是不對的，效果是這樣的： 代碼是這樣的，代碼一模一樣，只是拆開了各個組件，如下圖： 後來發現是這個問題，當你拆開後，el-container容器不知道子元素中是否有 el-header 或 el-footer， 答案在這裏   完善答案如圖:

>>阅读原文<<