各种HTML / CSS问题

Question

我正在网站上工作，而且已经完成了 我正试图让页面底部的山丘正在运行。我试图将页脚放在山的底部，但它位于视口的底部。我正在使用通常的position: absolute; bottom: 0; 论文是主要问题。我也希望文本不要越过山丘，因为它很难阅读。我能做到这一点的唯一方法是使页脚更大，或者在页脚和主测试区域之间填充填充物 我可以让所有这些工作，但只能靠自己，而不是一起工作 我不会发布任何特定的代码，因为它有很多，所以如果你可以帮助访问www.helpusplan.co.uk。
谢谢你的帮助

Answer 1

我非常确定您的问题是您的山丘图片已附加到文档的body。将其添加到footer（我的意思是，来吧，您已将图像命名为footer.png）并将所有页脚文本放在相对于relative定位的子div中页脚div的顶部。页脚div的高度不应小于背景图像的高度。

类似的东西：

<div id="footer">
  <!-- hills bg image is attached here by CSS -->
  <div id="footer_content">
     blah blah blah
  </div>
</div>

和

#footer {
  min-height:387px; 
  background: url(image_URL) no-repeat;
}

div#footer_content {
  position:relative;
  top: 100px;
}

哦，天哪。不要position: absolute你的页脚。那只是疯了。

Answer 2

body{
    position: relative;
    min-height: 700px;
    height: 100%;
}

作品。