コンテンツが少ない時でもフッターを下付きで表示させるCSSをご紹介いたします。 コンテンツの内容が多ければ気づきませんが、お問い合わせフォームなど情報量が少ないページではフッターがコンテンツ部分まで上がってきてしまいます。 今回ご紹介する方法はそんな問題を解決してくれます。 フッターを下付きに表示させるとは? 通常は左のイメージのようにコンテンツが少ないとフッターがコンテンツのところまで上がってきて、下に余白が空いてしまいます。 そこで、CSSで右のようにフッターを下付きで表示させるようにします。 HTML html,body { height: 100%; margin: 0; } #wrapper { width: 100%; min-height: 100%; height: auto !important; height: 100%; position: relative; } #