css - 如何使 DIV 的水平滚动条始终固定在页面底部？

Question

我有一个网站，其中包含一个大（宽）表。该表放置在 jquery UI 选项卡中。

它看起来像这样：http: //jsfiddle.net/Tq3Rg/

对于用户来说，这可能有点烦人，因为他必须一直走到表格和页面的底部才能向右滚动。

是否可以使滚动条始终固定在页面底部？

score 12 · Accepted Answer

设置固定高度（并且不要使用内联样式）：

编码：

.top{
   height:10%;
}
.center{
   overflow:scroll;
   height:80%;
}
.bottom{
   height:10%;
}

如果您真的想在页面的最底部有滚动条，您可以查看这个答案，了解如何在不需要自定义滚动条之类的东西的情况下实现这一点。

score 1 · Accepted Answer

只需为您的中间 div 设置一些固定高度，例如

<div style="background:white;overflow-y:scroll;height:400px;">

score 0 · Accepted Answer

3 回答 3