html - 内容未在页面上向下压页脚

嗨，我的页脚不是被内容压下去的。我试过z-index，粘滞的页脚，但没有人纠正这个问题。
http://www.subsbench.pamelajkeogh.com/player.html
css

#footer {
    position: absolute;
    clear: both;
    bottom:0;
    width:100%;
    height:105px;   /* Height of the footer */
    background:#eaebec;
    background: linear-gradient(180deg, #eaebec, #7c7d7f);
/*  position: relative;*/
    z-index: 9999;
}

html格式

      <!-- Footer -->
        <div id="footer" class="panel-footer col-xs-12">
          <div class="col-md-4"></div>
          <div class="col-md-4">
          <img id="subsBench-footer-img" src="images/Footer_Black_onTheBench_strapline_and_logo.png" alt="SubsBench Logo and Strapline">
          </div>
          <div class="col-md-4">
          <img id="sm-icons" src="images/social_media_Icons.png" alt="Social Media icons">
          </div>
        </div><!-- /Footer -->

</div><!-- /container -->

引导面板页脚

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

最佳答案

您在页脚上使用了position: absolute;，这可能是它没有被“内容推下”的原因。你试过使用position: relative;吗（看起来你已经注释掉了）？
资源：
Absolute Positioning Inside Relative Positioning

关于html - 内容未在页面上向下压页脚，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28129374/