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>

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

1 个答案: