본문 바로가기

Knowledge Wiki/HTML&CSS

[ HTML/CSS ] margin collapse 현상

1. margin collapse 현상 -> 버그임
    박스 2개가 위쪽 테두리가 겹치면 margin이 합쳐져서 하나처럼 동작함.
    즉, 한 박스에 적용한 margin이 두 개의 박스 모두에 적용됨.
    padding: 1px; 를 주면 서로 떨어지게 되니까 margin collapse 가 발생하지 않음.

반응형