html - 页脚隐藏内容

Question

我有以下页脚，似乎工作正常，但存在问题，当我向下滚动页面时，页脚覆盖了内容。有人有什么建议吗？提前致谢。

HTML:

<div class="footer" id="footer">My footer</div>

CSS:

#footer {

    border: 1px groove #aaaaaa;
    background: #333333;
    color: white;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    line-height: normal;
    margin: 0;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height:40px;

}

Answer 1

试试正文 padding-bottom:40px;

body{
  padding-bottom:40px;
}