vue的el-main下有3层div，分别为 div1和div2，div3，div1下面为div2和div3, div2和div3在同一层，要求div2高度占上面的30%,div3占网页下面的70%，同时整个el-main占网页的100%,任何写样式

您可以使用以下样式设置 `div2` 和 `div3` 的高度，并使整个 `el-main` 占据页面的 100%：

<style>
  html, body {
    height: 100%;
    margin: 0;
    padding: 0;
  }

  #app {
    height: 100%;
  }

  .el-main {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .div1 {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .div2 {
    height: 30%;
    background-color: #ccc;
  }

  .div3 {
    height: 70%;
    background-color: #ddd;
  }
</style>

<div id="app">
  <div class="el-main">
    <div class="div1">
      <div class="div2">Content in div2</div>
      <div class="div3">Content in div3</div>
    </div>
  </div>
</div>

这样，`div2` 的高度将占据 `div1` 的 30%，而 `div3` 的高度将占据 `div1` 的剩余空间的 70%。整个 `el-main` 元素将占据页面的 100% 高度。