フロントエンドシェアこんにちは、モモコです。ページを作っている際に、想定していたコンテンツ量よりも原稿が短く、フッターの下にブラウザとの隙間が空いてしまう事がありました。このスカスカ感を埋めるべく、フッターをウィンドウ下部に固定する方法を調べたので備忘録も兼ねてご紹介します。bottom:0;}html要素とbody要素の高さをブラウザ領域(ブラウザ内に表示されている分)まで確保すると、コンテンツ内容が領域を超えても自動で伸びていくようになります。#wrapにposition:relativeを設定し、内包されているフッターをposition:absoluteとbottom:0で下部に固定。コンテンツと被らないようにフッターの高さと同じ分だけ#contentsにpadding-bottomを設定します。これで高さが足りない時でも、フッターがウィンドウ下部に配置されるようになります。詳細な説明は参考サイトをご覧下さい。次のページhtml要素とbody要素に背景色を指定しましょう。12同じテーマの記事一覧イラストテイストのもの集めました。ANALYZE」を導入後、CVR改善に成功した品川美容外科のWeb担当者に話を聞いてきた。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。