これは私が取り組んでいるウェブサイトです：
http://uber.imu.uiowa.edu/isa/
十分なコンテンツがなかったため、フッターがページの上部に浮かんでいたので、このトリックを使用してフッターを下部にプッシュしました。
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
問題は、スペースが多すぎてスクロールバーが追加されたことです。フッターがページの下部に表示されるように修正するにはどうすればよいですか。ただし、そのスクロールバーは追加されません。
フッターの画像が大きすぎます。フォトショップで画像のサイズを変更してからフッターで使用するか、画像をフッターの上に配置する必要があると思います。
現在の方法は素晴らしいです、私はいつもそれを使います。ラッパーの負の下部マージンをフッターおよびフッタープッシュと同じ高さに設定するのを忘れただけです。.wrapperあなたのCSSをこれに更新してくださいmargin: 0 auto -300px;クロームインスペクターで私のためにトリックをしました。
さて、あなたの現在の方法を維持して、私はちょうど高さを減らすでしょう.push：
.push{
height:50px;
}
しかし、それはこれを行うための最良の方法ではありません。
この例でbodyは、フッターと同じ背景色（または画像）をタグに指定すると、コンテンツが必要なだけスペースを埋めます。フッターはそのすぐ下にあり、画面の残りの部分をフッターするその下の残りの部分は、一種のフィラーとして機能します。
Webページのコンテンツが多すぎて、1つの画面に収まりません。したがって、スクロールバーを削除する場合は、フォントとコンテンツサイズを小さくするか、一部のコンテンツを削除する必要があります。
ただし、Webページの垂直方向のスペースを減らしたい場合は、から削除height:200px;し.push {}て追加しますmargin-top:100px;