html - 即使减小浏览器的宽度，如何将页脚保持在屏幕底部？

Question

我目前正在为版权信息设置页脚。

footer {
    display:block; 
    position: fixed; 
    width:100%; 
    top:calc(100vh - 30%); 
    font-family: "Avenir Lt Std", Arial; 
    font-weight:bold;
    color:white;
    font-size:12px;
    background-color: black;
    margin-right:auto;
    margin-left:auto;
    padding:2px;
    z-index:0; 
    opacity: 0.5
}

感谢网站上的其他人，当浏览器处于最大宽度时，top:cal(100vh - 30%) 将页脚保持在页面底部。一旦您减小浏览器的宽度，页脚就会向上 float 。无论浏览器的尺寸如何，有没有办法让它保持在底部？

谢谢，

Answer 1

试试这个:

footer
{
display: block;
position: fixed;
font-family: Arial;
font-weight: bold;
colour: white;
font-size: 12px;
opacity: 0.5;
bottom: 0px;
}