jquery - 网页设计 - CSS 粘性页脚重叠 JQUERY 内容

Question

我知道有很多关于 CSS Sticky Footers 的问题。

我的问题是我的粘性页脚完全按照我想要的方式工作——除了在我使用 JQuery 显示我的内容的投资组合页面上。

在较小的屏幕分辨率下，页脚与我的 JQuery 插件中的描述重叠。我尝试为插件添加最小高度，但没有奏效。

www.toddmilliken.com/portfolio.html

任何帮助表示赞赏，谢谢！

-托德

Answer 1

页脚的样式如下：

#footer {
    position: relative;
    margin-top: -50px;
    height: 50px;
    clear: both;
    background: #332532;
}

该元素与上面的内容重叠，因为margin-top设置为-50px。尝试将其设置为0，问题将得到解决；）

Answer 2

The easiest fix I can suggest is to put non semantic element with height of 50px at the end of your #wrap container. The code should be similar to:

<div id="wrap">
  <EXISTING CONTENT HERE>
  <div style="height: 50px;"></div>
</div>
<div id="footer">...</div>