html - フッターがページの下部にくっつかない

Question

「フッター」がページの最後にくっつかず、本体の高さが 100% ではない理由がわかりません。

このリンクにコードがあります：

score 2 · Accepted Answer

追加position:fixed

footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 30px;
}

フッターをページの下部に固定する場合は、div を追加してコード全体をラップし、position:relativeラッパー div に渡して、フッター css をそのまま保持する必要があります。

この場合、フッターには絶対位置を適用する親 div がありますが、現在のコードでは絶対位置を配置する親 div がありません。

HTML

<div class="wrapper">
your full html code here
</div>

CSS

.wrapper{
position:relative;
height:auto;
}

特にこだわらない場合は、position:absoluteそれをに変更してposition:relative、ページの最後にフッター html タグを配置するだけです。この場合、ラッパー div を追加する必要はありません。

score 0 · Accepted Answer

0

これを試して：

.footer {position:absolute;bottom:0;left:0;}

于 2012-10-30T10:45:29.387 に答える

score 0 · Accepted Answer

フッターをページ全体の最後に配置したい場合は、何もする必要はありません。絶対も固定もありません。他のすべての後にブロックを配置するだけです。

score 0 · Accepted Answer

体に使っ min-height:100%てみてください。そしてdisplay:inline-block、あなたのコンテンツのラッパーに与えます

4 に答える 4