인프런 커뮤니티 질문&답변
작성한 질문수
상용화도 가능한 반응형 모던 웹페이지 만들기4에서 질문입니다.
작성
·
206
0
14분 50초 부분에서
카드가 잘리는 이슈를 해결하기 위해
overflow 값을 hidden에서 none으로 변경해주셨는데요
.class-list {
display: flex;
/* 주의: list-style을 none으로 만들면 padding 값은 그대로 남는다 */
list-style: none;
padding: 1rem 0;
margin: 0;
/* overflow를 hidden으로 설정하면 transform 시 이미지 짤림 */
overflow: none;
}
위 처럼 모든 클릭 이벤트를 주지 않았음에도 모두 보이는 현상이 발생했습니다..
overflow의 다른 옵션을 줘도 해결이 되지 않는데 이유를 해결 방안이 있을까요 ..?
답변 1
0
잔재미코딩 DaveLee
지식공유자
안녕하세요.
직접 무언가 코드를 바꿔서, 결과가 상이하게 나오면 아무래도 저도 그 코드를 다 보고, 디버깅하지 않는 이상 딱 어떤 부분이 문제다 라고 이야기드리기는 어려운데요. 이럴 경우에는 항상 제가 드린 프로젝트 파일을 그대로 다운받으셔서, 자신의 코드와 어떤 부분이 다른지를 확인해보시면 좋습니다. 꼭 제 강의뿐만 아니라, 어떤 작업을 하시든 이런 작업을 습관화하시면 훨씬 스스로 문제를 해결해갈 수 있는 역량을 기르시는데 도움이 되실꺼예요.
보통 overflow 를 hidden 으로 나왔는데, 보인다면, 뭔가 그 전체를 감싸고 있는 단계별 태그가 있는데 그중의 한 div 등이 빠져서, 넘치게 보이는 것이 아닐까 조심스럽게 추측은 해보는데, 이 부분도 함 확인해보시면 어떠실까요?
감사합니다 ! 코드가 다를거라 생각해서 찾아보면서도 혹시 개인 환경 오류인가 싶어서 올렸었는데 역시 inner 에서 overflow를 안해줬었네요 ㅠㅠ