HTML CSS examples for CSS Widget:Header
Make a div, header, container to cover the viewport
<html style="height: 100%"> <head></head> <body style="height: 100%"> <div style="height: 100%; display: flex; flex-direction: column;"> <div style="flex: 1; background-color: red;"> 1/3 <!-- ww w.j a v a 2s . c o m--> </div> <div style="flex: 1; background-color: blue;"> 2/3 </div> <div style="flex: 1; background-color: black;"> 3/3 </div> </div> </body> </html>