HTML CSS页脚

如何将页脚推送到页面的底部？以下是我目前拥有的示例：hansmoolman.com 正如您所看到的，页脚被推到了我的左右两个容器下面。我怎样才能解决这个问题。我对一些元素使用了相对定位，因为红色横幅必须被推过标题栏并给出+ z-index。我在网上发现了一些解决方案，将页脚粘到底部，但这并不能解决我的问题，因为如果页面中的内容不足以填充整个页面，页脚仍会出现在我的2列中。HTML CSS页脚

所以我想要的是脚注总是遵循所有其余的内容（坚持到底部，我可以在以后解决）。

有一点的CSS代码，所以还没有添加在这里，但如果需要的话

来源

2012-08-23 heyred

http://ryanfait.com/sticky-footer/ – jeremy

如果问题是关于'html'和'CSS'它通常是有益的，将其添加到问题。 – Kyle

你有没有谷歌吗？这么多的解决方案可用于此。 – svk

你的CSS是这样的：

#footer { 
    background-color: #FFFEF0; 
    border: 1px solid #000000; 
    clear: both; 
    height: auto; 
    margin-top: -100px; /* >> Remove This*/ 
    overflow: hidden; 
    position: relative; 
    top: -200px; /* >> Remove This*/ 
    width: 100%; 
    z-index: -1; 
}

以下CSS规则从#footer

top: -200px; 
margin-top: -100px;

来源

2012-08-23 11:51:58

负利润率一般是问问题 –

叶普这正是它的感谢。我想这就是你在深夜从一些旧项目复制和粘贴代码时得到的结果。 – heyred

可以添加它尝试明确：既为您的页脚容器的标签，认为它具有显示：块;设置

来源

2012-08-23 11:51:37 serdarsenay

他已经清除浮动元素。 –

删除有很多关于这个在网络上的文章。 Here是我的最爱之一，它是一步一步的教程，有一个粘脚，试试吧！

来源

2012-08-23 12:05:15 drayn

对齐内容的权利。你必须在你的CSS做一些改变。

首先删除的：

top: -200px; 
width: 100%; 
z-index: -1;

从你#footer。

，改变你的#mainContentContainer到：

#mainContentContainer 
{ 
    min-height: 400px; 
    overflow: auto; 
    position: relative; 
    width: 100%; 
}

来源

2012-08-23 12:07:38 ygssoni

回答

相关问题