html - 页脚元素的高度不断缩小

Question

当浏览器窗口的高度缩小时，为什么 footer 元素的 height 会缩小？

---

我试图用我的所有代码设置一个 fiddle ，但它在 JSFiddle 中不可重现，所以我不会发布 fiddle 。

我的页脚代码是:

footer {
    width: 100%;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    margin-top: 7px;

    background-color: silver;
}

它的 HTML 是:

<footer>
    <p>Copyright &copy; 2014&nbsp;&ndash;&nbsp;
            <a href="~/Disclaimer">Disclaimer</a>
            <a href="PrivacyPolicy">Privacy Policy</a>
            <a href="TermsOfUse">Terms of Use</a>
    </p>
</footer>

一些注意事项:

• 我已将 min-height: 30px; 设置为 footer 元素，但这仍然无法阻止它缩小高度。
• 我现在有偏头痛。

Answer 1

我认为您可能将 body 的高度设置为 100%，这听起来好像当窗口缩小时会将页脚推离屏幕底部。尝试将您的高度更改为最小高度。

如果您在将页脚保持在屏幕底部时遇到问题，请尝试使用谷歌搜索粘性页脚，这可能会帮助您找到将页脚保持在底部的解决方案