CSSでフッターをウィンドウの最下部に固定する方法!

2015/04/10

css-footer-window-bottom

こんにちは。
今回はCSSでフッターをウィンドウの最下部に固定する方法!です。

先日、フッターをウィンドウの最下部に固定する案件があったので、そのやり方を紹介したいと思います。

フッターをウィンドウの最下部に固定する方法!

まずはHTMLです。
全体をdivで囲みます!

 

次にCSSです。
フッターの高さぶんだけ、コンテツ部分にpadding-bottomをとっています!

 

HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)
HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)

 

いかがでしたか。CSSだけでできるのがいいですね!
以上でCSSでフッターをウィンドウの最下部に固定する方法!でした。

Related Post

topへ戻る