html - 是否可以将 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>