在使用elementUI的Container布局時，我將el-header和el-footer封裝成了組件，導致布局出現問題。
官方demo是這樣的：
由於我需要把Header和Footer封裝成組件，運行后布局卻亂了。
運行結果：
查閱官文發現：
所以需要在container上加上direction="vertical"：
運行成功：
elementUi布局爬坑----Container布局缺少el-header和el-footer導致頁面布局混亂
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
通過flex布局時footer始終在頁面底部
el-container 實踐上的布局問題
CollectionView Header And Footer 的使用
8-3.header和footer標簽
如何讓html引用公共布局（多個html文件公用一個header.html和footer.html）
## GridView 布局：item設置的高度和寬度不起作用、自動適配列數、添加Header和Footer ##
ElementUI的el-form怎樣格式化布局
jmeter中請求header缺少，導致請求一直報錯不通過
elementUI的現成框架, 缺少樣式, el-image樣式沒有, 已解決
微信調整字體大小導致頁面樣式混亂