フッターがブログのページ全体の下部に貼り付いて困っています。私は2つの問題に遭遇します。最初position:absoluteにフッターを使用すると、メインのブログ ページの真ん中あたりまで上がります。放っておくと、ブログ全体のページでは一番下にくっつきますが真ん中まで上がってきます。フッターは、私がいつも問題を抱えているものです。
フッターの現在のCSSスタイルは次のとおりです
footer {
text-align: left;
background-color: #f4f4f4;
padding-top: 40px;
padding-bottom: 40px;
z-index: 1;
bottom:0;
width:100%;
}
ページへのリンクは次のとおりですhttp://pixelogicblog.tumblr.com/post/41025998534/tes-post
CSS を使用したスティッキー フッター ソリューションをご覧ください。
http://ryanfait.com/sticky-footer/
フッターがページの途中までしかない理由はposition: absolute、body 要素と html 要素に min-height を設定していないためです。それがないと、本文はコンテンツの分だけのスペースしか占有しません。そして、フッターはウィンドウの下部ではなく、その下部に揃えられます。
これを CSS に追加して、少なくともウィンドウの高さを占めるようにしてください。
html, body {
min-height: 100%;
}
これを見たことがありますか？
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
クロスブラウザ（IE6+も）でわかりやすい。
偶然にも、現在のフッターの位置が に設定されているため、ページの下部に表示されていません。位置をrelativeに設定するabsoluteと、ページの下部に配置されます (ページがビューポートより長くない限り)。 . 相対配置は、要素の位置を通常の場所に相対的に設定するだけです。たとえばbottom: -10px、footer要素に設定すると、他の場合よりも 10 ピクセル低く表示されます (意味があることを願っています!)
何かを絶対的に配置する場合、それはbodyタグ、または位置が設定された次に近い親のいずれかに絶対的に配置されますrelative（とにかく理解しているように）
位置を絶対に設定する
position:absolute;