页脚总是粘在底部

【问题标题】：Footer always stick to the bottom页脚总是粘在底部
【发布时间】：2015-10-24 14:19:05
【问题描述】：

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

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

}

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

要使对象粘住，您需要使用fixed 定位而不是absolute

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

页脚代码

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

【讨论】：