Margin 썸네일형 리스트형 [CSS] margin collapsing (마진 상쇄) 안녕하세요.이번 포스팅은 margin collapsing (마진 상쇄) 현상에 대해서 알아 보도록 하겠습니다. 또는 마진 겹침 현상이라고도 합니다. 박스 모델을 구현할 때 마진겹침현상 때문에 애먹으신적이 종종 있으실 겁니다.그런데 이 현상이 어떤 경우에 일어나는지 아시면 적어도 답답함은 조금 줄어들지 않을까 생각 됩니다.그래서 어떤 경우에 마진겹침현상이 일어나는지 알아 보도록 하겠습니다. 인접한 두 박스의 마진 방향이 겹칠 경우 .box1 { border: orangered solid 1px; } .box2 { border: purple solid 1px; } div { margin: 20px; } 안녕하세요 margin collapsing test 위 이미지를 보면 뭔가이상한 점이 느껴지시지 않습니까?.. 더보기 이전 1 다음