flex侧轴高度

by zhang li

HTML

<div class="main">
  <div class="left">
    <div class="menu"></div>
  </div>
  <div class="content"></div>
</div>

CSS

html,
body,
.main {
  width: 100%;
  height: 100%;
}

.main {
  background: red;
  display: flex;
}

.left {
  width: 200px;
  background: green;
  overflow: auto;
}

.content {
  flex: 1;
  background: blue;
}

.menu {
  background: #ddd;
  height: 20000px;
}