Question

当内容太小时，我想让页脚停留在页面底部（我不想在页面中间看到我的页脚）。

我遵循教程here和there，它们都描述了相同的技术（最小高度：容器的100％，页脚的明显高度等）。

问题是所有这些东西都不起作用，因为碰巧我有一个固定的标题，这意味着我的实际内容从body + 130px开始

body{
  padding-top: 130px;
}

结果是，是的，我的页脚位于底部但是，我仍然可以滚动130px。

我看到的所有教程和问题都没有固定的标题。

谢谢大家

Answer 1

默认模式为content-box，为padding-top的元素添加height:100%;，其高度为100% + 130px。

所以你必须添加另一个带有自动高度的<div>包装并添加padding-top: 130px;

<html style="height:100%;">
<body style="height:100%; margin:0; position:relative;">
    <div id="wrapper" style="min-height:100%;">
        <div id="container" style="padding-top:130px; padding-bottom:130px;">
        </div>
    </div>
    <div id="footer" style="position:absolute; bottom:0; height:130px;">
    </div>
</body>
</html>

Answer 2

尝试将margin-top:-130px;添加到页脚容器中。

页脚底部有一个带有固定标题的页脚

2 个答案: