如何在css的底部粘脚?

前端之家收集整理的这篇文章主要介绍了如何在css的底部粘脚?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个经典的问题,在浏览器的底部定位一个页脚。我试过的方法包括 http://ryanfait.com/resources/footer-stick-to-bottom-of-page/,但没有好的结果:我的页脚总是保持出现在浏览器窗口中间的FF和IE。

在HTML中我得到这个简单的结构

<form>
 ...
 <div class=Main />
 <div id=Footer />
</form>

这里是与css页脚问题相关的CSS代码

*
    {
        margin: 0;
    }


html,body
{
    height: 100%;
}


    #Footer
    {
        background-color: #004669;
        font-family: Tahoma,Arial;
        font-size: 0.7em;
        color: White;
        position: relative;
        height: 4em;
    }



    .Main
    {
        position:relative;
        min-height:100%;
        height:auto !important;
        height:100%;

        /*top: 50px;*/

        margin: 0 25% -4em 25%;

        font-family: Verdana,Arial,Tahoma,Times New Roman;
        font-size: 0.8em;
        word-spacing: 1px;
        line-height: 170%;
        /*padding-bottom: 40px;*/
    }

我在哪里做错了?我真的试过了一切。
如果我错过任何有用的信息,请让我知道。

谢谢任何建议提前。

问候,

谢谢大家的答案。
它与:

position:absolute;
    width:100%;
    bottom:0px;

设置位置:固定没有在IE中工作由于某些原因(仍然显示页脚在浏览器中间),只工作在FF。

解决方法

尝试将页脚的样式设置为position:absolute;和底部:0。

猜你在找的CSS相关文章