如何把overflow-x 的滚动条固定在屏幕的下面。

Question

现在表格的宽度和长度 远大于页面的长和宽 ，我想使那个横向的滚动条浮动在屏幕所显示页面的下面，这样就不需要拉页面到表格的最下面才能拖动横向的滚动条。

下面 是 div结构大概

<div style="width :1000px">
       <div style="width : 950 px">    
       </div>
       <div style="width : 950 px ；  overflow-x : scroll;"  >    
            <div  style="width : 1200 px">
            <div>
       </div>
</div>

意向效果图如：

Answer 1

<div style="width :1000px;max-height: 400px;overflow-y: auto;overflow-x : auto;">
            <table>
                <!-- 表格内容 -->
            </table>
        </div>