elementui_el-header 高度

elementui 中   container容器布局的子元素高度是通过标签来改变的  不能通过class来来改变

<template>
  <div class="containerBox">
    <el-container class="container2">
      <el-header class="header1" height="120px">header</el-header>
      <el-container class="container1">
        <el-aside class="aside1">aside</el-aside>
        <el-main class="main1">main</el-main></el-container
      >
    </el-container>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    quit() {
      window.sessionStorage.clear("token");
    },
  },
};
</script>
<style scoped lang='less'>
// .containerBox {
//   .container2 {
//     height: 100%;
//     widows: 100%;
//     .header1 {
//       height: 80px;
//       width: 100%;
//       background-color: #070;
//     }
//     .container1 {
//       height: calc(100% - 80px);
//       width: 100%;
//       background-color: lightblue;
//       .aside1 {
//         height: 100%;
//         width: 20%;
//         background-color: blue;
//       }
//       .main1 {
//         height: 100%;
//         width: 80%;
//         background-color: pink;
//       }
//     }
//   }  
// }
</style>

 上列代码中 涉及到height的属性均不生效