element-ui+vue中el-container铺满布局

第一步铺满全屏

样式添加

html,body,#app,.el-container{
        /*设置内部填充为0,几个布局元素之间没有间距*/
        padding: 0px;
         /*外部间距也是如此设置*/
        margin: 0px;
        /*统一设置高度为100%*/
        height: 100%;
    }

第二部头部内容铺满


```javascript

在这里插入图片描述

第三部宽度自适应高度铺满

html,body,#app,.el-container{
        /*设置内部填充为0,几个布局元素之间没有间距*/
        padding: 0px;
         /*外部间距也是如此设置*/
        margin: 0px;
        /*统一设置高度为100%*/
        height: 100vh;
    }
  .el-aside{
    height: 100%;
    background-color: #d3dce6;
  }

element-ui+vue中el-container铺满布局_第1张图片
element-ui+vue中el-container铺满布局_第2张图片

你可能感兴趣的:(vue.js,javascript,前端)