當自己利用element-ui上面的例子來實現整體布局的時候，
就是自己分開成單獨的vue組件時，發現布局是不對的，效果是這樣的：
代碼是這樣的，代碼一模一樣，只是拆開了各個組件，如下圖：
后來發現是這個問題，當你拆開后，el-container容器不知道子元素中是否有 el-header 或 el-footer，
答案在這里
完善答案如圖:
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
關於element-ui中el-container布滿全局的問題！
elementUi布局爬坑----Container布局缺少el-header和el-footer導致頁面布局混亂
ExtJs Ext.panel.Panel和Ext.container.Viewport布局問題
Extjs4.2布局——Ext.container.ViewportView
BSP:Bootstrap基本布局（container, row, col-xs-4）
django最佳實踐：項目布局
container-with-most-water（最大蓄水問題）
el-popover - 問題
【Flutter 2-3】Flutter手把手教程UI布局和Widget——容器控件Container
WEB前端第四十八課——BootStrap布局container、code、table、img、flex