stack - レイアウト。末尾のフッター

Question

ブラウザの下部にフッターを添付する必要があります。また、ページをスクロールしてもフッターが動きません。

どうすればいいですか？

Answer 1

#footer{
    position: absolute;
    height: 60px; //or other fixed
    bottom: 0;
    left: 0;
    right: 0;
}

このスタイルは、すべてのフッター コンテンツをラップする必要があります。これにより、どれだけ下にスクロールしても、ページの下部に固定されます.

同じものを上または横に並べるには、absolute も使用する必要があります。