element-ui 中讓el-container 高度自適應

做vue項目。

1、在assets文件夾中，新建一個global.css文件。

html,body,#app {
  height: 100%;
  margin: 0;
  padding: 0;
}

2、然后在main.js中引入 global.css

import '@/assets/css/global.css'

3、后續給你所有的組件設置 height:100% 就可以了。

eg：

 <el-container class="layout-container">
    <el-aside width="300px">
    </el-aside>
 <el-container>

.layout-container {
  height: 100%;
}