css - 如何使 2 列等于引导程序 4 中最短的一列

Question

在此示例中：我希望黄色列（内容较长）等于绿色列。并做overflow: scroll第一个。

仅使用 CSS，不使用 JS

.long {
  background-color: yellow;
}

.short {
  background-color: green;
}

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">


<div class="row">
  <div class="col-6 long">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias delectus ea mollitia perferendis veniam modi eligendi suscipit ipsum repellendus fugit reprehenderit ducimus fugiat excepturi, unde laborum deserunt commodi quis sit. Lorem ipsum dolor
    sit amet, consectetur adipisicing elit. Molestias delectus ea mollitia perferendis veniam modi eligendi suscipit ipsum repellendus fugit reprehenderit ducimus fugiat excepturi, unde laborum deserunt commodi quis sit.
  </div>
  <div class="col-6 short">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias delectus ea mollitia perferendis veniam modi eligendi suscipit ipsum repellendus fugit reprehenderit ducimus fugiat excepturi, unde laborum deserunt commodi quis sit.
  </div>
</div>

标签： cssbootstrap-4flexbox