header

main

ブロック要素は縦に並ぶ。

        html, body, header, main, nav, footer{
            box-sizing: border-box;
            margin: 0; padding: 0;
            border: 1px solid red;
        }
        
        html, body{
            width: 100%;
            height: 100%; 
        }