Asp.net 粘性页脚粘住，但内容赢了'；T

我有一个粘滞的页脚可以工作，但是我使用了一个平铺的背景图像和一个内部的#content div。我的问题是#content不会扩展到容器的高度。我有一个演示，在那里我改变了颜色来说明。当页面为空时，唯一能防止内容崩溃而被遗忘的是页面上设置的

min height

我可以让它扩展以填充容器，还是只需要设置一个更大的最小高度并丢失一些浏览器

可以在IMO上看到这种效果：如果没有最小高度，将无法100%工作。（见评论） 我以前的回答是： 已编辑的示例（作为fork）：

---

您很可能需要设置

min height:100%并使用负边距减去页脚高度

#wrapper { margin-bottom: -60px; }
#footer  { height: 60px; }

你的目标浏览器是什么？您表达了一些关于最小高度的担忧——为什么不将页脚设计为在折叠时看起来可以接受，以便在旧浏览器中可以很好地退化？如果在完成的设计中使用侧边栏，可以使用
.clearfix
技术将页脚强制到底部，这意味着页脚不一定很显眼

除了做
之外，位置：固定并在您的
#包装器上使用背景图像给人一种全高内容窗格的印象，我不知道如何在
#content
（）上不使用最小高度来实现这一点。
很抱歉，我真的不理解您的问题，因为我看不到页脚有粘性。-我想你应该用
position:fixed来定位页脚和正确的位置/边距；并将
height
值设置为
minheight
值。所以你不需要最小高度属性，我需要中间的内容部分（白色）向下延伸并覆盖蓝色。我的问题是，在演示站点（）上，白色背景没有向下扩展以覆盖平铺的背景图像。啊，现在下面的部分也是蓝色的。现在我明白了问题所在。谢谢我会调查一下，看看我是否知道得更清楚：）你可以在你的#页脚上使用padding top:200px（z-index为1，#content z-index为2）。它并不优雅，但会达到您的视觉效果。@mdi填充仍然与内容重叠（低z索引的页脚为我剪切了正确的内容[#高z索引的内容]），当我在网站上用firebug对此进行测试时。我将页脚涂成红色以在视觉上澄清元素。-我还使用firebug在您的页面上测试了此解决方案。它是有效的。谢谢，但是这个解决方案的问题是，如果内容太多，我就失去了滚动内容的能力。哦，这太糟糕了。没有想到溢出会这样工作。很抱歉如果不使用最小高度，恐怕我想不出任何其他解决方案，因为
overflow:scroll不是任何人想要的。否则，当内容为空时，您的页脚将始终位于内容的底部，而不是页面的底部。不过这是一个很好的答案，谢谢您的尝试。我不敢相信这是如此困难，我一直在与页脚搏斗。减去页脚怎么行？我不知道怎么做，因为Echilon混合了容器的绝对（px）和相对（百分比）大小。啊，对不起，我的措辞很糟糕。
页边距底部
需要等于页脚高度的负数。看见
#wrapper { margin-bottom: -60px; }
#footer  { height: 60px; }