<!DOCTYPE html> <html> <head> <style> html { height: 100%; } body { height: 100%; width: 100%; display: flex; flex-direction: column; margin: 0px; } .Main { width: 100%; height: 100%; margin: auto; max-width: 720px; } .MyContainer { max-width: 720px; background-color: #ffff00; } </style> </head> <body> Header <div class="Main"> <div class="MyContainer">Body</div> </div> Footer </body> </html>