Question

我一直在跟踪我的代码，但无济于事。我的“关于我”页面上的页脚始终位于中间，覆盖内容。我该怎么办？

CSS：

#wrapper {
min-height:100%;
position:relative;
   }


#footer {
width:1010px;
height:80px;
position:absolute;
bottom:50px;
left:0 auto;
background: rgb(54, 25, 25); 
    background: rgba(54, 25, 25, .5);
  }

Answer 1

只需在div下方的body添加一些最小高度，然后在页脚div之前关闭div，即

<body>
<div style="overflow:auto;padding-bottom:100px;min-height:670px;">

 <!-- all html codes -->
</div>

<!-- now the footer div -->
<div class="footer>
#footer htmls
</div>

</body>

Answer 2

我在这个网站上找到了一个很好的解决方案：

check it out

它.footer和.push类，推送是阻止页脚“卡在”页面底部的原因......

中间的页脚？

2 个答案: