Как сделать прижатый к низу экрана div находящийся над таблицей?

Question

[pesice4389]

Здравствуйте!

<table class="table">
   <thead>
      <tr>
         <th>N1</th>
         <th>N2</th>
         <th>N3</th>
      </tr>
   </thead>
   <tbody>
   </tbody>
</table>

На странице есть обычная табличка, как можно отображать над ней DIV который будет привязан к низу экрана (не страницы)? Возможно это можно как-то сделать средствами Bootstrap?

Примерно то что нужно:

Answer 1

[Алексей]

<div class='fixed'></div>

<style>
.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
</style>

Comments

[pesice4389]

.fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #17a2b8;
}

<aside class="main-sidebar"></aside>
<section class="content">
   <table class="table">
      <thead>
         <tr>
            <th>N1</th>
            <th>N2</th>
            <th>N3</th>
         </tr>
      </thead>
      <tbody>
      </tbody>
   </table>
   <div class='fixed'>DIV</div>
</section>

Получается отсуп между div`ом и sidebar`ом, как его можно убрать?