header

main

ブロック要素は横にスペースがあっても縦に並ぶ。

    html, body, header, main, nav, footer{
        box-sizing: border-box;
        margin: 0; padding: 0;
    }
    
    html, body{
        width: 100%;
        height: 100%; 
    }
    
    main{ 
        width: 80%; /* widthを指定 */
    }
    
    nav{ 
        width: 20%; /* widthを指定 */
    }