Question

我尝试了很多不同的事情，我无法让我的页脚停留在底部。

使用Opencart让我更难找到问题的所在，但我不知道为什么会这样做。

下面的链接显示了问题的复制位置。但是，如果任何页面上的内容很少，则会出现问题。从技术上讲，由于页脚显示在所有页面上（作为常见文件），因此这是一个持久性问题。

http://shop.enigmedesigns.com/index.php?route=product/category&path=17

我在绳子尽头。有人可以查看代码并查看任何潜在问题吗？解决方案？为什么我的页脚不会停下来？

编辑：页脚代码...

<div id="footerwrapper">
    <div id="footer">
      <div id="links">
        <ul>
         <li><?php echo $text_copyright; ?></li>
         <li><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a></li>
         <li><a href="<?php echo $about; ?>"><?php echo $text_about; ?></a></li>
         <li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>
         <li><a href="<?php echo $privacy; ?>"><?php echo $text_privacy; ?></a></li>
         <li><a href="<?php echo $terms; ?>"><?php echo $text_terms; ?></a></li>
         <li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li>
       </ul>
      </div>
    </div>
</div>
</div>
</body></html>

编辑：页面底部下方有大量空白区域，内容很少。我不是要寻找页脚滚动页面所以固定位置不是一个选项。我正在尝试删除空白区域并将页脚保留在底部。

Answer 1

添加到您的css：

#footerwrapper {
    ...
    position: fixed;
    bottom: 0; left: 0
}

来自W3Schools：

具有固定位置的元素相对于浏览器窗口定位。

即使滚动窗口，它也不会移动

Answer 2

您可以通过在css中添加以下代码行来解决您的问题。

#footerwrapper { position:fixed; bottom:0px; left:0px; right:0px; }

Answer 3

如果您希望当没有足够的内容填充屏幕时页脚粘在屏幕底部，但如果有足够的内容可以滚动，则不要重叠内容，请尝试https://code.google.com/p/cleanstickyfooter/。< / p>

页脚不会停留下来

3 个答案: