Jquery 在垂直居中的页面上，页脚高度为100%

是我正在工作的网站。页脚元素包含菜单，背景为灰色。页面内容通过divposition垂直居中

这方面的css是

#position { text-align:center; position:absolute; top:50%; left:0; width:100%; height:1px; display:block; }

我的问题是我希望灰色的页脚有一个动态的高度，这样灰色的页脚总是延伸到底部不，而不是一个粘性的页脚。你有没有想过如何做到这一点

css解决方案是首选，但是jQuery解决方案也是有效的

---

谢谢

这不是一个完美的解决方案，但你可以通过操纵身体来假装：

background:#E7E8E4;
border-top:300px solid #F6F6F6;

然后将其添加到包装器：

background:#F6F6F6;

---

如果用户屏幕很高，但从顶部到内容的边距超过300px，则此操作将失败。

我不确定这是否是您要求的，但您可以将包装器顶部：-325px更改为顶部：-200px