0

現在、ウィンドウの下部またはページ コンテンツの下部のいずれか低い方にフッターを配置する必要があるサイトに取り組んでいます。height: 100%メソッドを使用してみましたが、これは問題を引き起こします。

また、position: fixedヘッダーと、コンテンツのパディング (ピクセル単位で定義) があります。また、ページが読み込まれた後にコンテンツの高さが変わる可能性があるため (アコーディオンの使用など)、ウィンドウの下部またはドキュメントの下部にフッターを配置する純粋な CSS の方法があるのだろうか、ピクセルのパディングなどは引き続き許可されます。

HTML の概略構造は次のとおりです。

<header></header>
<div class="content">
    <footer></footer>
</div>

現時点で CSS がどのように機能するかを示すために、Fiddle もまとめました: http://jsfiddle.net/LY6Zs/。残念ながら、HTML 構造を変更することはできません (つまり、footer要素を.content.

4

1 に答える 1

-2

最初に、すべてのコンテンツを含む の直後にコンテナ div が必要です

.container
{
min-height:100%;
position:relative;
margin:0 auto;
}

.footer{
position:absolute;
bottom:0;
}
于 2012-10-25T10:57:42.153 に答える