・CSSだけ(flexbox)で高さ不定フッターを最下部に固定する方法に書いてある。
<!DOCTYPE html> <html> <head> <style > .body { padding: 0; margin: 0; display: flex; flex-direction: column; min-height: 100vh; } header { background: red; } section { flex: 1; background: yellow; } footer { background: blue; } </style> </head> <body class="body"> <header> site name. </header> <section> a few contents. </section> <footer> copyrights. </footer> </body> </html>
便利。