是否可以将HTML元素固定到另一个的底部？

Question

一个简单问题的简单问题.我正在研究一种表示文本文档(例如书页)的方法,其中包含相对简单的HTML.每个HTML文档都可以显示许多页面.我遇到的最大问题是页脚.当然,我希望它很简单; 也许只是一个<FOOTER>带有纯文本的标签.但是,我无法理解如何强制它停留在页面的底部,无论它前面有多少文本.有没有办法将HTML元素固定到另一个的底部？

这是一个例子:

http://prog.bhstudios.org/documents.htm

position:relative 不起作用,因为我不知道页脚的原始位置将在哪里,除了"在其父级内的某个地方".

position:absolute; bottom:0 不起作用,因为它相对于查看窗口的最左侧位置,而不是元素的父级

position:fixed; bottom:0 不起作用,因为它将它从流中取出并将其"固定"到查看窗口的底部,完全独立于元素的父级.

我想要一些float:bottom可以正常工作的东西.

Answer 1

我只是在做类似的事情:

<div style="position: relative; height: 300px;">
    <h1>some content on top</h1>

    <div style="position: absolute; bottom: 0px; background: #cccccc;">
        this is on bottom!
    </div>
</div>