css 간단한 질문!

[익명(172.226)]

한 화면에 보이는게 전부고 스크롤로 내리면 풋터만 있어여

그래서 그냥 바디에 100vh 줬는데 이거 패딩이나 마진 줄때마다 점점 늘어나서 곤란한거같아여

각 부분마다 할당되는 크기를 마진이나 패딩만큼 줄이면 결국 화면 크기에 딱맞게 나오긴하는데

이건 안좋은방법같고 다른수가있나여

[익명(220.81)]

맨 윗줄에 *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box }

[익명(220.81)]

body { display: flex; flex-direction: column;} header, footer { height: 15vh; max-height: 20rem; min-height: min-height: 15rem;} main {flex-grow: 1; overflow-y: auto;}

[익명(172.226)]

아.. 어렵습니다;;