2

私のウェブサイトでは、サイトの下部にフッターが必要です。これをフッターCSSに追加します：

position: fixed;
bottom: 0;
width: 100%;

フッターは下部に表示されるようになりましたが、すべてのコンテンツはフッター div に配置されます。フッター div のように背景です。フッターを右下に配置するにはどうすればよいですか?

4

6 に答える 6

1

あなたは2つの異なる質問をしているようです。フッター要素の z-index を上げて、他のコンテンツより上に保つようにしてください。

右下に配置するには、幅と右位置をゼロに設定します。

于 2013-03-26T14:20:55.710 に答える
0

コンテンツの領域の margin-bottom にフッターの高さを追加して、フッターの高さを補正する必要があります。まず、すべてのページでフッターの直前に表示される要素を探します。うまくいけば、次のようになります。

<div id="header">
    HEADER CONTENT
</div>
<div id="content" style="margin-bottom: 50px;">
    YOUR SITES CONTENT
</div>
<div id="footer" style="position: fixed; bottom: 0; width: 100%; height: 50px;>
    FOOTER CONTENT
</div>

また、上記のようなインライン スタイルは使用しないでください。適切な css を使用してください :) すべてのインターネットに役立ちます。

于 2013-03-26T14:26:44.460 に答える
0

Position: fixed は、要素をページの流れから外します。その結果、他の要素に影響を与えることになると、フッターは「何も」占有していません。あなたのコンテンツが一番上に表示される理由は、それが実際にそこにあることを認識していないからです。私が言いたいのは、他の要素を考えるときは、フッターを考慮する必要があるということです。たとえば、フッターの直前で終了するラッパーがある場合、フッターの高さに相当する追加の下部パディングを与えることができます。

質問の隠された 2 番目の部分に答えるには: 要素に z-index を与えることができるようにするには、「静的」(デフォルトの配置) 以外の位置に配置する必要があります。2 つの異なる要素で z-index を計算しようとしている場合は、それらの両方に「静的」以外の位置の値を与えて、完全に制御する必要があります。

これが役立つことを願っています、iso

于 2013-03-26T14:29:40.573 に答える
0

あなたの問題を理解しているかどうかわかりませんが、フッター css でこれを追加/変更してみてください。

right: 0;
width: 50%;
z-index: 999;
于 2013-03-26T14:20:13.663 に答える
0

フッターがページの下部を切り取らないようにするには、CSSz-indexプロパティを使用して、メイン コンテンツ コンテナーをフッターの高さに等しくする必要があります。padding-bottom

于 2013-03-26T14:21:07.490 に答える
0

この記事「フッターをページの下部に保持する方法」をご覧ください。

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

于 2013-03-26T14:22:09.700 に答える