css - 附加到视口(viewport)底部的 DIV

Question

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

地址:http://s222894377.onlinehome.us/

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

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

结构是:

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

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

如果有人有任何建议 - 将不胜感激。

提前致谢

毫米

Answer 1

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

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

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