Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> * { padding: 0; margin: 0; } html, body { height: 100%; display: flex; flex-direction: column; } body > * { flex-shrink: 0; } .div1 { background-color: #5c88ed; } .div2 { background-color: #90de90; flex-grow: 1; } </style> </head> <body> <div class=div1> div 1 <br> </div> <div class=div2> div 2 <br> </div> </body> </html>