僅使用css,當body高度不足時,讓footer始終底部顯示。
阿新 • • 發佈:2019-02-11
參考:1、CSS Sticky Footer: 完美的CSS絕對底部 http://paranimage.com/css-sticky-footer/<!DOCTYPE html> <html> <head> <style> *{ margin: 0; padding: 0; } html,body{ height: 100%; } .wrap{ height: 100%; background-color: blue; } .footer{ position: relative; height: 40px; margin-top: -40px; background-color: red; } </style> </head> <body> <div class="wrap"> <div class="header"></div> <div class="center"></div> </div> <div class="footer"></div> </body> </html>