Sticky footer - calc() reduced height wrappers

<!DOCTYPE html> <html> <head> <style> html, body { margin: 0; } .content { min-height: calc(100vh - 50px); } .footer { height: 50px; background: black; } </style> </head> <body> <div class="content"> content </div> <footer class="footer"></footer> </body> </html>

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.