element-ui layout布局 铺满整个空间方法


h5布局
<template>
  <el-container id="container">
    <el-aside width="200px">
     <SubMenu></SubMenu>
    </el-aside>
    <el-container id="content">     
      <el-main>
        <h1>文件上传</h1>
      </el-main>
    </el-container>
  </el-container>
</template>  
css样式
有些朋友用height:100%并不能铺满,这个时候可以使用height:100vh即可铺满
html,
body,
.el-container {
  /*设置内部填充为0,几个布局元素之间没有间距*/
  padding: 0px !important;
  /*外部间距也是如此设置*/
  margin: 0px !important;
  /*统一设置高度为100%*/
  height: 100vh;
}

有任何问题都欢迎指出

你可能感兴趣的:(ui,css3,css,vue.js,javascript)