用于显示的独立滚动:表格单元格 div

Question

给定这 3 列布局，

.wrapper {
  display: table;
  width: 100%;
}
.wrapper>div {
  display: table-cell;
}

<div class="wrapper">
  <div class="left">uno</div>
  <div class="center">dos</div>
  <div class="right">tres</div>
</div>

如何使这 3 列(显示：表格单元格(彼此独立滚动。

Answer 1

这将使每个div 可以单独滚动

    .wrapper {
      display: table;
      width: 100%;
    }
    .wrapper>div {
      display: table-cell;
    }
.left, .center, .right {
overflow-y: scroll;
}

    <div class="wrapper">
      <div class="left">uno</div>
      <div class="center">dos</div>
      <div class="right">tres</div>
    </div>