본문 바로가기

# Work110

마진 통합현상(collapsing margin)이란? 컨테이너안에 블록 엘리먼트를 만든후, 블록엘리먼트에 마진값을 주면 컨테이너 전체가 마진값을 먹습니다. 이것은 브라우저 오류가 아닙니다. 이런 현상을 마진 통합 현상이라고 합니다. 수평 마진은 예상했던 대로 작동하나 수직 마진은 예상했던 대로 동작하지 않을 것입니다. 수직 마진에 대하여 조금 더 자세히 이해할 필요가 있습니다. 형제끼리 또는 부모와 자식간에 발생하는 수직 마진은 마진끼리 더하기가 되지 않고 인접한 마진끼리 서로 비교해서 큰 값 하나만 적용이 되는데 이런 현상을 마진 통합이라고 합니다. .A { magin:100px 0; } .B { magin:50px 0; } 일단 형제간의 마진 통합을 설명할께요. A와 B라는 가상의 블럭이 형제 관계로 존재한다고 가정합니다. A라는 상자의 수직 마진이 1.. 2011. 3. 24.

티스토리툴바