element布局容器大小_element中首页容器布局

body{

width: 100%;

height: 100%;

margin: 0px;

padding: 0px;

}

app.vue中

#app{

position: absolute;

width: 100%;

height: 100%;

background-color: blue;

}

首页中

Header

Aside

Main

export default {

data() {

return {};

},

activated() {}

};

.el-header {

background-color: #b3c0d1;

}

.el-aside {

background-color: #d3dce6;

}

.el-main {

background-color: #e9eef3;

}

.el-container {

height: 100%;

width: 100%;

position: relative;

left: 0px;

bottom: 0px;

}

pc端样式

手机端样式

快速布局，秒秒钟ok