• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

질문있습니다!

20.09.02 17:17 작성 조회수 145

2

.scroll-text 에   padding-bottom: 1px; 을 넣는 이유가 뭔지 궁금합니다!

답변 2

·

답변을 작성해보세요.

6

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

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

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

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

0

minam An님의 프로필

minam An

2020.09.04

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