Question

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

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

我的footer代码是：

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

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

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

页脚元素的高度不断缩小

1 个答案: