5

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

这是一个例子：

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

position:relative不起作用，因为我不知道页脚的原始位置会在哪里，除了“在其父级中的某个位置”。

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

position:fixed; bottom:0不起作用，因为这会将其从流程中取出并将其“固定”到查看窗口的底部，完全独立于元素的父级。

我想要一些可以按预期float:bottom工作的东西。

4

1 回答 1

10

我只是在做类似的事情：

<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>
于 2013-02-27T22:22:34.290 回答