3

スケルトンに基づいて自分の Web サイトに「スティッキー フッター」を追加しようとしていますが、正しく機能しません。私はこのウェブサイトの指示に基づいてこれを行っています: http://www.cssstickyfooter.com/using-sticky-footer-code.html。Chrome では、ページの高さが 1 ピクセルか 2 ピクセル増えるため、垂直スクロールバーが表示され、IE ではメイン コンテナーが左揃えになります。

スケルトンに基づいてこれを適切に実装する方法はありますか? デイブ、素晴らしい仕事をありがとう！

4

3 に答える 3

5

ここにある非常にシンプルな純粋な CSS ソリューションを開発しました。このソリューションは Skeleton 2.0.4 に基づいており、基本的には 2 つの別個のスケルトン コンテナー/行スタックを作成することで構成されています。1 つはヘッダー/ボディ用、もう 1 つはスティッキー フッター用です。

于 2015-04-23T21:43:24.897 に答える
1

Jクエリ

$(document).ready(function() {
   var footerHeight = $('.footer').height()+30; // "+30" footer on to add space
   $('body').css('margin-bottom',footerHeight);
});

CSS

html {
  position: relative;
  min-height:100%;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  color: white;
  background-color: #7bbc42;
}
于 2014-12-25T20:54:03.383 に答える