Question

好的，让我解释一下我要做的事情：

我在每页的底部都有一个基本的页脚
我不希望它出现所有时间
当页面一直向下滚动时，页脚必须出现，甚至在页面的最底部（不是在内容之后，而是在窗口边框结束的位置）时显示页脚

我们以此为例：

一个非常短的页面：页脚显示在内容的底部。我希望它在窗口底部显示。
长页面：页脚在内容结束后进行。

这怎么可行？

Answer 1

我一直使用http://ryanfait.com/resources/footer-stick-to-bottom-of-page/的解决方案。

<强> CSS：

* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
.footer, .push {
height: 4em;
}

<强> HTML：

<html>
    <head>
        <link rel="stylesheet" href="layout.css" ... />
    </head>
    <body>
        <div class="wrapper">
            <p>Your website content here.</p>
            <div class="push"></div>
        </div>
        <div class="footer">
            <p>Copyright (c) 2008</p>
        </div>
    </body>
</html>

Answer 2

如果你将css添加到页脚#footer { position:absolute; bottom:0px; } 页脚将位于页面底部

将页脚粘到底部（如图所示）

2 个答案: