flex剩余空间布局

<div class="main">

  <div class="one"></div>

  <div class="tow"></div>

</div>

 .main{

  display: flex;

  flex-direction: flex;

  width: 100%;

  height: 100%;

}

.one{

  width: 100%;

  height: 100px;

}

.tow{

  width: 100%;

  flex: 1;

  overflow-y: auto;

}

上一篇:Android:以编程方式更改整个应用布局方向


下一篇:javascript – 检测鼠标方向