Container 布局容器
~~~
<template>
<el-container style="height: 100%">
<el-aside width="auto">Aside</el-aside>
<el-container>
<el-header>Header</el-header>
<el-main>Main</el-main>
</el-container>
</el-container>
</template>
~~~
![](https://img.kancloud.cn/01/fc/01fce254c53934d447de0f72292bbd04_783x397.png)
安装
npm i less
npm i less-loader
![](https://img.kancloud.cn/60/59/60592f041ea925f6a5d9c62ed07614a0_738x236.png)
## 2个依赖
## 写样式
~~~
<style lang="less" scoped>
.el-header{
background: #232020;
}
.el-main{
padding-top:0;
}
</style>
~~~