• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

스크롤바 / modal 표시 위치 질문

21.04.14 07:36 작성 조회수 111

0

1. 브라우저의 너비를 조정하여 card-list 가 2열로 나타날 때 1분코딩님의 브라우저엔 수직 스크롤바가 안 생기던데, 이건 어떻게 하는 건가요? 제가 따라한거는 card-list 가 열이 몇개든 다 스크롤바가 생깁니다.

2. modal-switch 를 체크하면 modal 이 디스플레이되는데, 제 것은 화면 하단으로 내려가서 디스플레이가 됩니다. 아마 

<div class="modal"> 이 구문이 body 의 맨마지막에 위치해 있어서 그런거 같은데, 1분코딩님 화면을 보면 현재 화면위치에서 modal 이 디스플레이되거든요. 어떤 차이가 있어서 그런지, 제가 뭘 빼먹은게 있는지 궁금합니다.

답변 2

·

답변을 작성해보세요.

0

김부자님의 프로필

김부자

질문자

2021.04.15

빠른답변 감사합니다~!

0

1.
혹시 다운로드 받으신 완성본에서도 그런 현상이 나타나는지 한번 봐주시겠어요?
그렇지 않다면 뭔가 코드에 다른 차이가 있다는 이야기인데..
.card-list를 감싸는 컨테이너인 .primary에 overflow-x: hidden;을 적용해주시면 아마 가로 스크롤바는 없어질 것으로 생각됩니다.

Flex UI 만들기 => Flex UI #7 카드 리스트
이 부분을 바로 어제 영상 업데이트를 했는데요, 16:00 지점부터 한번 다시 봐주시겠어요?
카드 리스트를 단독으로 사용하는 경우 가로 스크롤바가 생기는 문제를 코드에는 수정을 해두었는데 영상은 어제 업데이트 했습니다^^;

2.
https://www.inflearn.com/questions/52374
이 질문의 답변을 참고하시면 될 것 같습니다 :)
이 부분도 코드만 수정되어있고 영상에 반영이 되어있지 않아서
조금 전에 영상도 업데이트 했습니다.
Flex로 반응형 페이지 만들기 => Flex 반응형 페이지 Step 3
이 영상의 11:40 지점입니다.