Question

我正在尝试使用粘性页脚的这种方法：http://code.google.com/p/cleanstickyfooter/

它工作得很好，但是，我有一个问题。我的特定网站的设计在页面顶部有34px的边距。所以我尝试了一些方法来实现它，方法是body {margin-top:34px}或container {margin-top:34px}。

然而，在这两种情况下，粘性页脚都搞砸了。当我试图弥补34px时，它似乎永远不会成功。

有什么想法吗？

Answer 1

使用Modern Clean CSS Sticky Footer，它正在运行（在FireFox和IE9上）：

<body>
    <header> Header</header>
    <article>Lorem ipsum...</article>
    <footer></footer>
</body>

html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 100px; /* bottom = footer height */
}
header
{
    background-color: green;
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
    background-color: blue;
}

CSS粘滞页脚 - 带边距

1 个答案: