ウェブサイトを制作中に、「あれ?コンテンツが少なくてフッターが浮き上がってきてる!?」なんて経験はありませんか? 弊社は東京と名古屋でホームページ制作を行っている会社ですので、稀にですがそういったシーンがあります。 「そうじゃなくて最下部にフッターを固定表示したいんだーっ!」というあなたのためのエントリーです。 ↓弊社リンク 「株式会社WEB企画」のホームページはこちら CSSで実装する flexbox(CSS3)を使う この記事を公開した際には、存在していなかったのですが、最近では flexbox のお陰でかなり実装が楽になっています。(2019/06/11現在) 下記の内容をコピペで実装できます。HTML5の書き方をしていることが条件になりますね。 【HTML】 <body> <div id="wrapper"> <main> <!-- メインコンテンツ --> </main> <fo
![フッターをCSSやjQueryで常に最下部(一番下)に固定表示する方法 | 株式会社WEB企画](https://cdn-ak-scissors.b.st-hatena.com/image/square/8ba81a3ac73021595bc4a6706dc1f5ba082554b3/height=288;version=1;width=512/https%3A%2F%2Fwebkikaku.co.jp%2Fhomepage%2Fwp-content%2Fuploads%2F2012%2F08%2Fbottom-footer-694x630.gif)