Question

可能重复：
How do you get the footer to stay at the bottom of a Web page?

我有page，如果您使用

登录

用户名：john 密码：测试人员

你会看到页脚没有粘到底部...任何关于如何做到这一点的想法...我想在中间容器上使用最小高度但是这对大型显示器不起作用，除非我做它非常高......任何想法..

这是我的HTML

<body class="index_projects en production controller_projects">
    <div class="shell">
        <div id="header"></div>
        <div id="container" class="container"></div>
    </div>
    <div id="footer-wrap"></div>
</body>

任何想法我可能做错了

Answer 1

您可能需要查看此帖Get down! How to keep footers down

Answer 2

把它放在你的css中：

#footer-wrap
{
    position: fixed;
    bottom: 0;
    height: 75px;
    z-index: 1;
    zoom: 1;
}

这就是我为我的一个项目做的事情。据我所知，“z-index：1”是这样的，以便在浏览器窗口非常小的情况下页脚将通过其他页面元素，并且“zoom：1”是用IE修复某些内容。你也可以尝试没有这些风格。根据需要调整高度。

Answer 3

您可以使用css修复它：

#footer {
    text-align:center;
    width: 100%;
    position: fixed;//or absolute if you want it above the contents
    bottom: 0px;
}

在您的HTML页面中：

<div id="footer">
  <div id="footer-wrap">...</div>
</div>

Answer 4

此博客文章也值得一提：

http://blog.stevensanderson.com/2011/10/05/full-height-app-layouts-a-css-trick-to-make-it-easier/

如何让页脚粘到底部

4 个答案: