html - ウィンドウが小さい場合でも、このフッターをページの下部にとどめる方法

Question

私はこのhtmlの問題にかなり悩まされています。

ページがあります。フッターを一番下に置き、その上にある要素までの距離を確保したい。ここに Twitter + G+ div があります。

中のcssを見てください@media (min-width:481)。

私はこれを試しました：

html, body{
  height: 100%;
}
.fuss{
 position: absolute; 
 bottom: 0;
}

これは大きな画面では機能しますが、ウィンドウのサイズを小さな 15 インチ画面のラップトップに変更すると、フッターが Twitter と G+ 要素の上に表示されます。どうしてこれなの？

これは次のページです: http://www.bibago.de/test.html フッターは大きな画面では正常に機能しますが、小さな画面ではフッターが他の要素の上に表示され、下部にとどまりません。

助けてください。

ありがとう。

Answer 1

フッターを下部に表示するために特別なことをする必要はありません。ページの最後に配置するだけで、HTML が 1 行ずつレンダリングされるため、最後 (常に一番下) に表示されます。

.fuss{
    margin-top: 50px;   
}

Answer 2

私は通常、次のようにします：

.fuss {
position: fixed;
bottom: 0;}