Bootstrap 容器被底部固定的 div 重叠答案

【问题标题】：Bootstrap container being overlapped by div which is bottom fixedBootstrap 容器被底部固定的 div 重叠
【发布时间】：2017-10-25 09:41:38
【问题描述】：

上面的引导容器被下面的 div 所掩盖，下面的 div 应该固定在底部。下面的 div 应该包含一些按钮，这些按钮不应该与上述具有动态表单的容器重叠。

我已经形成了一个有类似问题的 jsfiddle。

https://jsfiddle.net/alowsarwar/0pz3j8f2/

<container>
  <a class="btn btn-primary" href="#">
    Button
  </a>
  fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>
    fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>
    fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>
    fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>  fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>
    fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>
    fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>
    fffffffff
  <br>
  ffffffffff
  <br>
    fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>
    fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>

</container>

<div class="panel navbar-fixed-bottom"
         style="padding-bottom:0px; min-height:0px">
  bottom stuff
</div>

【问题讨论】：

固定底部或顶部栏的正常用法是始终位于顶部。如果您不希望这样做，则必须查看引导程序 .navbar-fixed-bottom 并覆盖特定属性

标签： css twitter-bootstrap saas

【解决方案1】：

只要去掉底部div的边距，问题就解决了。

<container>
  <a class="btn btn-primary" href="#">
    Button
  </a>
  fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>
    fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>
    fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>
    fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>  fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>
    fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>
    fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>
    fffffffff
  <br>
  ffffffffff
  <br>
    fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>
    fffffffffff
  <br>
  fffffffff
  <br>
  ffffffffff
  <br>

</container>

<div class="panel navbar-fixed-bottom"
         style="padding-bottom:0px; min-height:0px; margin:0;">
  bottom stuff
</div>

【讨论】：

去掉底部div的边距，问题就解决了。
这还是和上面容器里的内容重叠
我认为我们需要为容器获取垂直滚动。有可能吗？