두 개의 블록 엘리먼트를 위/아래로 겹쳐 놓을 때, 브라우저는 그들의 공유된 마진들을 합쳐 버립니다.
합쳐진 마진의 높이는 두 개 중에서 가장 큰 마진의 높이가 됩니다.
즉, 위에 있는 엘리먼트의 아래쪽 마진이 10px 이고, 밑에 있는 엘리먼트의 위쪽 마진이 20px 이면, 혼합된 마진은 20px 입니다.
옆으로 놓인 마진은 그렇지 않습니다.
10px, 20px 이면, 더해서 30px입니다.
합쳐진 마진의 높이는 두 개 중에서 가장 큰 마진의 높이가 됩니다.
즉, 위에 있는 엘리먼트의 아래쪽 마진이 10px 이고, 밑에 있는 엘리먼트의 위쪽 마진이 20px 이면, 혼합된 마진은 20px 입니다.
옆으로 놓인 마진은 그렇지 않습니다.
10px, 20px 이면, 더해서 30px입니다.
덧글