javascript - 如何使垂直滚动条相对于水平滚动条与页面右侧对齐

Question

在我的网页中，我有一个比我的页面长度大的表格。所以我应用了水平滚动条，我也应用了垂直滚动条，但问题是它与表格的末尾对齐。所以用户在第一个 View 中看不到那个滚动条。如果用户水平滚动到表格的末尾，那么只有他能看到垂直滚动。有没有办法让垂直滚动条与页面右侧对齐？

Answer 1

只需将外部 div 宽度设置为 100% 视口(viewport)和溢出:自动或滚动

<div>
display something else on page...
</div>
<div style="width:100%;height:150px;overflow:scroll;border:1px solid red">
  <table style="width:1000px;height:500px;table-layout: fixed;">
    <tr>
      <td>a</td>
    </tr>
    <tr>
      <td>b</td>
    </tr>
    <tr>
      <td>c</td>
    </tr>
    <tr>
      <td>d</td>
    </tr>
  </table>
</div>
<div>
display something else on page...
</div>