附加到视口底部的 DIV

Question

我已经阅读了一些关于如何让 DIV 附加到视口底部的其他帖子 - 我已经成功实施了一个解决方案，但我遇到了一些问题。

在： http ://s222894377.onlinehome.us/

您可以看到在我创建并附加的 DIV 中有一个 100% 拉伸的图像。它上面的DIV设置为height: 100%；

但它占用了太多的垂直空间，我正试图补偿它对整体高度的影响。

结构是：

 <div id="header">
<div id="page-bg">
<div class="CustomFooter">

我已经尝试过将负边距设置为顶部和底部边距以及填充以补偿页眉高度的变体，但还没有弄清楚。

如果有人有一些建议 - 将不胜感激。

提前致谢，

毫米

原文由 greenkoi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您尝试将某些内容附加到浏览器窗口的底部并将其保留在那里，也许您可能对 CSS position: 属性感兴趣？

http://www.w3schools.com/Css/css_positioning.asp

具体来说， position: fixed; 然后指定 bottom: 0; 将某物的底部附加到浏览器的底部。

原文由 Amber 发布，翻译遵循 CC BY-SA 3.0 许可协议