✅참고 동영상링크 https://www.youtube.com/watch?v=c19Mjg-ivxc&t=94s ✅margin collapsing(마진 겹침, 마진 병합현상) ➡️ margin 병합현상 조건 1. 인접해있는 Block 요소끼리만 일어남 2. 상하단만 해당사항(좌우는 X) 1)형제요소의 마진병합 현상 코드펜에서 아래와 같이 코드를 작성했다. div 박스에 margin값을 상하좌우 모두 20px을 주었다. 그러면 베이지색 박스의 margin-bottom:20px 과 핑크색 박스의 margin-top:20px 이 만나서 40px이 되어야하는게 아닐까? 했지만.. 빨간색 빗금친 부분처럼 20px만 보여지고 있다... 이것이 바로 마진겹침현상! - 왜 이런현상이 일어나지...? 의도된 부분이다. CSS..