element布局容器大小_让Element-ui的Container布局容器高度百分百显示

使用Element(2.13.1版本)的Container布局容器布局，按照官网的代码运行后不能撑开整个页面，只能显示一段高度，代码如下：

Header

left

Main

那如何让它高度百分百显示呢？

给html、body、#app及最外层.el-container的height设置100%即可。

index.html：

demo1

body {

margin: 0;

height: 100%;

}

app.vue：

Header

left

Main

export default {

name: "App",

components: {

}

};

#app {

font-family: "Avenir", Helvetica, Arial, sans-serif;