body와 banner

11 22 예시를 위해 위에 ㅣ div를 작성하고 css로 배경색을 리스트에는 빨강, 카드에는 파랑으로 했습니다.그러니 위에는 윗줄에는 빨강11이 아랫줄에는 파랑22가 나왔습니다.아직 입문단계라 이부분이 계속 잘이해가 안가네요 midlle이라는 id안에 banner라는 id를 썼는데 어떻게 위에것처럼 박스가 내려가지 않고 오히려 올라가는걸까요???... 둘다 같은것 같은데 왜 결과물이 다른건지 개념이 안잡혀요! 혹시 조금만 쉽게 설명해주시거나 이해를 도와주신다면 넘나 감사드리겠습니다 :0