垂直スクロールバーを水平スクロールバーに対してページの右側に揃える方法

Question

私のWebページでは、私のページの長さよりも大きいテーブルがあります。だから私は水平スクロールバーを適用しても同じ私は垂直スクロールバーを持っているが、問題はそれがテーブルの終わりに揃えられているということです。したがって、ユーザーは最初のビューでそのスクロールバーを見ることができません。ユーザーがテーブルの最後まで水平にスクロールすると、垂直スクロールしか見ることができません。垂直スクロールをページの右側に合わせる方法はありますか？

Answer 1

は、単純に、100％のビューポートやオーバーフローなどのアウターのdivの幅を設定：自動または

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