带滚动的分屏容器

Question

我正在寻找在 html/css 中创建一个网页，它将屏幕的宽度分成 2，在启用滚动的情况下将高度保持在 100%，将始终保持这种状态，并且将有溢出的内容水平和垂直滚动。下图显示了我想要做的基本图表：

Answer 1

您可以使用flex到wrapdiv来并排和风格箱他们边设置如下：

.wrap{display:flex;}
.box{
height: 100vh;
    width: 50vw;
    background-color: blue;
    overflow: scroll;
}

<div class="wrap">
  <div class="box">

  </div>
  <div class="box">

  </div>
</div>

您可以使用 inline-block

.box{
  display:inline-block;
  height: 100vh;
   width: 49%;
    background-color: blue;
    overflow: scroll;
}

<div class="box">
</div>
<div class="box">
</div>