私は下のバーをスクロールしたい

私はテーブルを持っています、それは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>

出典

2016-11-29 fe263

あなたは、このコードを追加することでこれを行うことができます。

body{ 
    height:100vh; 
}

、それはあなたがボディにフルスクリーンの高さを与えていることを意味し

出典

2016-11-29 07:26:07 Chiller

次のコードを試すことができます

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

出典

2016-11-29 07:56:48

私は下のバーをスクロールしたい

答えて

関連する問題