试图让div标签扩展到浏览器的底部
问题描述：
现在即时我在我的身体标签中使用一个大的居中图像。试图让div标签扩展到浏览器的底部
第一个图像基本上是头版会是什么样子。看起来很棒。
2图像有一些内容并按下页脚和整个页面。但仍然看起来不错。
这最后的图像有很多的内容，并推动都记录下来，甚至过去的身体背景图像的高度。
所以我的想法太分裂你的第一图片中看到颜色的变化，页脚开始，在此背景下，并添加作为页脚DIV的背景。
但问题是，该部分的背景继续在第一个图像中的浏览器。如果我将BG放在页脚DIV中，那么它的高度必须是500px，这样就会产生滚动条。
基本上我想把背景的下半部分放在我的页脚DIV中，让它像BODY一样操作，因为它不会创建滚动条。
我认为这比我以前的解释更清楚吗？很难解释！
答
那么在第一个屏幕截图中，背景是一个大的图像？ 是的，你需要分割背景。
现在让我们假设这些事。
1）你定身黑色（这是显示黑条的背景颜色是人体的背景，而不是图像的一部分）
2.）你已经分割图像，所以下半部分是在页脚div的背景图像。
您可以通过确保没有边距将页脚div从浏览器窗口推开，并确保浏览器本身创建的任何默认页边距被重置，从而消除黑条。 （即body {margin：0;}）但是，该栏仍然可以显示在其他浏览器（通常为Safari）中。一种解决方案是将<body>标签的背景设置为与页脚标签相同。尽管如此，这只能用于可重复的图像。
我想说你最好的选择是将图像的底部淡化成黑色，就像你在边缘做的那样。
您可以使用background: scroll;使内容在背景上滚动，但在不同分辨率下查看时仍然可以看到图像的底部。
你是在[粘滞页脚]（http://ryanfait.com/sticky-footer/）之后？ – thirtydot 2011-03-20 20:33:20
没有。页脚将始终位于主内容框的正下方。 – Adam 2011-03-20 20:39:05
这个问题还不清楚。您不需要滚动条，并且不希望用户看到背景的结尾。你想达到什么目的。你的图片和解释很难理解。请重新提出这个问题。 – Hussein 2011-03-20 21:09:28