반응형 마진(Margin)이 왜 이럴까 마진은 가끔 이상하다. 내 예상과 다른 결과물을 보여줄 때가 있다. 마진은 요소의 바깥쪽에 여백을 주려할 때 사용하는데, 어쩔 때는 적용이 안 된 것처럼 보이거나 자식에서 적용한 마진이 부모 바깥의 여백으로 '나와 보이는' 화면이 보이기도 한다. 이런 이유 때문에 종종 혼란스러울 때가 있다. 그래서 이번에는 마진에 대해 이해해 보는 시간을 가지게 되었다. 마진은 단순히 '바깥 여백'이라는 정의만으로 사용하기에는 부족한 점이 있다. 조금 더 주의해야 할 상황들을 예시를 통해 하나씩 살펴보자.서로 붙어있는 형제 요소가장 일반적으로 발생할 수 있는 상황이다. 형제 요소가 붙어 있을 때, 마진을 적용하면 어느 한쪽이 상쇄(Collapsing)된다.제목과 내용 사이에는 여백이 28px + 15px을 더한 43px.. 2025. 9. 25. 이전 1 다음 반응형
