页脚始终贴在底部

Question

嗨，我需要让我的页脚贴在底部，即使内容会更长。 我试过这种方式......但它只在没有内容的情况下工作......在页面中较长的内容页脚卡在页面的一半。感谢任何建议

    #footer {
          position: absolute;
          left: 0;
          bottom: 0; 

}

Answer 1

要使物体粘住，您需要使用 fixed 定位而不是 absolute

这是我为您制作的一个简单示例，

https://jsfiddle.net/a5juymkm/

页脚代码

#Footer {
    position: fixed;
    bottom: 0; 
    background-color:red;
    width:400px;
}

Answer 2

要让页脚贴在屏幕底部，请将所有 div 设置为相对，然后添加一个额外的 div 与页脚高度相同（为你的页脚）在内容和页脚之间。然后在您的内容上放置负高度的边距 div。完美地工作我有一个例子我会 post 一秒钟。