div 와 div 사이에 공백 생기는 이유.

아래 소스 보시면.
B영역과 C영역
div div 사이에 공백이 있는데요.
왜그런지 잘 이해가 가지 않습니다.

css 초기화가 되지 않아서 그렇다고 답변들었는데요.
상단에
* {margin:0;padding:0;}
를 선언하니 잘되긴하던데..
초기화 하기전에..

1 영역과 2 영역처럼 당연히 붙어야 하는게 아닌지.

1 영역과 2영역
A영역과 C영역
서로의 다른점은 무었인지 알고 싶습니다.