Bootstrap水平滚动表

Question

我创建了一个非常长的表，并且必须在其上放置水平滚动，以便能够看到所有字段。

我这样做是通过添加：

div.horizontal {
   width: 100%;
   height: 500px;
   overflow: auto;
}

table-layout: fixed;

.table {
   display: table;
   table-layout: fixed;
   width: 100%;
}

然后我的表被包装在容器和div中，如下所示：

<div class="container-fluid">
   <div class="horizontal">
      <table class="table table-bordered" name="int">
...........

一切都按预期工作，但是因为我在水平div中定义了一个高度，所以滚动条位于页面的中间。但是，当我使用百分比时，它总是100％的内容，而不是整个页面。

我的目标是让浏览器底部的滚动条像正常一样，但能够保留我的全宽度表。

以下是截图：

正如您所看到的，使用Defined 500px滚动条落在那里（预计具有固定宽度）。我只是假设使用百分比100%会把它推到底部，但它没有。

如何将此滚动条放到页面底部？

由于

Answer 1

尝试将position: fixed;或absolute添加到div.horizontal个样式中。