“粘贴”内容到底页，而不是视口，具有自动高度

Question

我的新页面有问题link here 我需要最小高度的页面：100％，因为我想在页面底部有内容，其中页面在大视口中然后内容不在底部，当我使用像html, body { height: 100% }这样的reasone时问题内容超过顶部导航，页面只有100％link with more text高度...我不知道更多......

存在方法，内容是坚持底页，但整页的高度是自动的吗？

谢谢，Piklis

Answer 1

在您的情况下，当页面高度为100％或更低时，您希望页脚粘在底部，但是如果内容更多，您还希望内容推送页脚。它是2种不同的css规则，不能共存。 我建议您在div #content结束时添加150px的边距，并将页脚设置在适当的位置：固定而不是绝对。我知道这不是你想要的结果，但它是解决问题的最简单方法。如果你真的希望你的内容推出页脚，你必须用js检测高度，如果＆gt; 100％则改变你的css规则。

Answer 2

如果您需要在底部停留内容，请在CSS中position: absolute; bottom: 0px;使用div（并且不要将position:relative放在body上。忘记强迫身体height。

Answer 3

如果我理解正确你想要一个粘性页脚，所以我建议尝试这个link！

如果使用HTML 5，您可以更改页脚div以使用页脚元素（相应地更改css）