html - 如何让页脚不阻塞 HTML 中的 div 部分？

Question

我上传了问题的图片。 /image/SMHM2.png

------------

    #footer{
    position:fixed;
    left:0px;
    bottom:0px;
    height:30px;
    width:100%;
    background:#951;
}
#content{
     width: 80%;
  height: 100%;
  float: left; 
}

---

如果有人能告诉我这个问题或有任何建议，我将不胜感激。谢谢!

Answer 1

最快的解决方案是在底部添加一些间距以向下推视口(viewport):

#content{
  margin-bottom: 150px; /* <-- Adjust if necessary */
  width: 80%;
  height: 100%;
  float: left; 
}