728x90 margin 중첩1 HTML/CSS - margin 중복 안녕하세요, 오늘은 margin 중복에 대해 정리해보겠습니다. margin은 CSS 속성으로 많이 쓰는데요, margin 속성끼리 중복되었을 때 어떻게 행동하는지 정리해두려 합니다. ◆ margin 중복이 발생하는 상황 1. 형제 요소끼리 margin-top과 margin-bottom이 만났을 경우 2. 부모 요소의 margin-top과 자식 요소의 margin-top이 만났을 경우 3. 부모 요소의 margin-bottom과 자식 요소의 margin-bottom이 만났을 경우 조금이라도 쉽게 이해하기 위해 예를 보며 정리해보겠습니다. 형제 요소(child)끼리의 좌우로 margin이 중첩이되면 위 그림과 같이 형제들 사이는 40px(20+20px)의 거리가 되는것을 확인할 수 있습니다. (여기서 div.. 2021. 6. 3. 이전 1 다음