문서 구조는 코드로 다 짰는데..

css에서 막힙니다..

body {
    margin-top : 0px;
    margin-left : 0px;
    margin-bottom : 0px;
}

h1 {
    text-align : center;
}

header {
    margin-top : 0px;
    background-color : yellow;
    width : 100vw;
    left : 0;
    top : 0;
}

nav {
    float : left;
    width : 180px;
    margin-top : 0px;
    left : 0;
    
    height : 80vh;
    background : orange;
}

section {
}
footer {
    float : left;
    bottom : 0;
    left : 0;
    width : 100vw;
}

 

float : left를 해도 header와 공백이 생깁니다 ㅜㅜ 창 조절에 따라서 계속 위치가 바뀝니다..

도와주세요.. 감을 못잡겟어요..