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 に答える