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

Question

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

Answer 1

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

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