Question

我有一张桌子，它有min-width。当它有一些上下文时，滚动条位于页面中心。我想在底部滚动条。但这不起作用：

<body>
  <div class="container-fluid" style="position: relative;overflow:auto;height:100%">
    <div class="row clearfix">
      <div class="col-xs-3" id="pollutanttree"></div>
      <div class="col-xs-9">
        <div class="btn-group">
          <button class="btn btn-primary" type="button">
            add
          </button>

        </div>
        <table class="table table-striped table-bordered" style="min-width:1200px">
          <thead>
            <tr>
              <th>
                name
              </th>

            </tr>
          </thead>

          <tbody>

          </tbody>

        </table>

      </div>

    </div>
    <div class="row clearfix" style="position: absolute;bottom:0px">this should in bottom ,on the scroll bar</div>
  </div>

</body>

Answer 1

您可以通过添加以下代码来执行此操作：

body{
   height:100vh;
}

这意味着你给身体全屏高度

Answer 2

您可以尝试以下代码

body, html, .container-fluid{
height:100%;
}

我想在底部滚动条

2 个答案: