Question

当内容不足时，我的页脚不会粘到页面底部，例如，当有人搜索到页脚中间没有显示结果而不是停留在屏幕中间时页面底部。

我已经阅读了所有其他帖子，但似乎代码与我的不同。

这是页脚CSS代码：

    .footer {
    padding: 10px 0;
     }

      #footercontainer {
    clear:both; 
    width:100%; 
    position:relative; 
    height:250px;
    bottom:0;

    }
#footer {
    clear:both; 
    padding-top:0px; 
    width:100%; 
    position:absolute; 
    bottom:0;
    left:0;
}

#footer img {
    border:none; 
    text-align:center;
}

#footermiddlecontent {
    width:973px;
     margin-left:auto; 
     margin-right:auto;

     }
#footermiddlecontent p {
    font-size:14px;

    }
#footermiddlecontent a {
    font-size:12px; 
    font-family:arial;

    }
#footerbottom p {
    text-align:center; 
    padding-top:5px; 
    font-size:12px; 
    font-family:arial;

    }
#footerbottom a {
    font-family:arial;

    }

Answer 1

您似乎需要使用CSS Sticky Footer。

Answer 2

你试过用过吗？位置是：固定

Answer 3

您需要将html，body和任何其他父元素设置为100％高度。如果您可以发布构成页面的其余HTML和CSS，我可以尝试为您提供更多帮助。

页脚不会粘到底部

3 个答案: