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

Question

在我的网页中，我有一张比我的页面长度大的表格。所以我已经应用了水平滚动条，我也有相同的垂直滚动条，但问题是它是否与表格的末尾对齐。因此用户无法在第一个视图上看到该滚动条。如果用户水平滚动到表格的末尾，那么只有他可以看到有垂直滚动。有没有办法保持垂直滚动与页面右侧对齐？

Answer 1

只需将外部div宽度设置为100％视口和溢出：自动或滚动

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;