el-container组件 样式错乱

用了element-ui el-container组件，右侧边栏el-aside，样式直接飞了

正常情况：

vue:2.6.10
element-ui: 2.15.13
Chrome:110.0.5481.96

• 看下这篇博客，也许你就懂了，链接：Element el-container 布局容器组件详解
• 除此之外, 这篇博客: 简单实现elementui的el-container布满全屏中的 简单实现elementui的el-container布满全屏 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 在使用elementui的布局元素的时候，会遇到一个问题，那就是照着官方文档弄出来的布局元素不能实现满屏。

  ---

  • 我们从官方文档拷贝实现的效果如图：
    
• 以下回答由chatgpt基于相关博客总结生成:

  根据参考资料和问题描述，可以尝试在样式中添加如下代码解决el-aside样式错乱的问题：

  .el-container {
    height: 100%;
  }
  

  如果还存在样式问题，可以通过全局样式设置容器高度为100%：

  html,body,#app{
    height:100%;
    margin: 0px;
    padding: 0px;
  }
  .el-container {
    height: 100%;
  }
  

  如果以上方法均不能解决问题，可能需要进一步排查代码或提交bug反馈给Element UI官方。