inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

BBC 인터랙티브 페이지 "코로나19가 바꿀 사무실의 미래" 클론

CSS 레이아웃

질문있습니다!

310

김악어

작성한 질문수 3

2

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

인터랙티브-웹 클론코딩

답변 2

6

1분코딩

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

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

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

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

0

minam An

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

LocationPermission.denied관련 질문입니다

0

588

1

writeHead 부분

0

469

1

로그인페이지, 회원가입페이지 못들어가게하는 부분

0

518

1

강의에서 사용하고 있는 next.js 버전으로 설치는 어떻게 하나요?

0

2346

1

[공유] react-mention 항상 커서 위에 나오게 수정

2

885

3

videocontrollor dispose

0

431

1

user 과 auth에서 인증 부분

0

450

1

onlogotap함수의 video nullable관련질문

0

391

1

채팅대화에서 시간이 중복될경우 안보이게 하는방법 문의.

0

545

1

쿠키에 대해서

0

319

1

next.js 버전이 12인건가요?

0

370

1

오류났을때 참고

3

685

3

style.css 오류

0

307

1

actions 함수 관련 질문

2

400

1

새가 원래자리로 돌아올때도 transition 시간이 필요한데. 돌아올때는 바로 돌아오록 하는 Tip 이 있을까요?

0

249

0

classList 오류가 계속 납니다..ㅜㅜ

0

395

0

새 애니메이션이 작동하지 않습니다.

0

239

1

action이 true일때 실행되는데 false에서 초기화가 안되요ㅠ

0

335

2

오류가 나는데 찾지를 못하겠어요...

0

376

2

안녕하세요 ~~ 배경으로 깔린 음악이 너무 궁금하네요 ㅎㅎ

0

540

2

actions[action] is not a function 라고 뜹니다

0

994

5

첫번째랑 마지막 요가+폰하는 그림이 높이가 꼬였습니다

0

467

4

forEach로 작성해봤습니다!

1

285

1

안녕하세요, step부분 문의 드립니다.

0

218

1