Cộng đồng Hỏi & Đáp của Inflearn

상하단 margin 병합 현상때문에 그런건데요,
자세히 설명해주는 좋은 영상이 있어서 링크 드릴게요.

https://www.youtube.com/watch?v=c19Mjg-ivxc

이 영상의 후반부에 같은 이유로 padding 1px을 주는 부분이 나옵니다.

마지막에 있는 .step 요소의 bottom margin이 마진병합 현상때문에 없어져 버려서 부모인 .scroll-text의 높이가 조금 모자라게 되는데요, 그걸 방지해주기 위해서 바닥에 1px의 padding을 넣어주었습니다.

저도 이질문 드리러왔는데 감사합니다 ㅠㅠ