element布局容器大小_Vue Element-Ui Container 布局容器

学习vue+elementUi 在 初步学习布局 不知道为什么 有margin

谢谢各位大佬

代码如下：

Header

Aside

Main

.el-header,

.el-footer {

background-color: #b3c0d1;

color: #333;

text-align: center;

line-height: 60px;

}

.el-aside {

background-color: #d3dce6;

color: #333;

text-align: center;

line-height: 200px;

}

.el-main {

background-color: #e9eef3;

color: #333;

text-align: center;

line-height: 160px;

}

body > .el-container {

margin-bottom: 40px;

}

.el-container:nth-child(5) .el-aside,

.el-container:nth-child(6) .el-aside {

line-height: 260px;

}

.el-container:nth-child(7) .el-aside {

line-height: 320px;

}

效果如下图