인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

프린이님의 프로필 이미지
프린이

작성한 질문수

CSS Flex와 Grid 제대로 익히기

Flex 핵심정리 #7 - 유용한 기법들

#7강의편, iE버그 해결 시,overflow:auto;를 하는 이유

해결된 질문

작성

·

250

1

안녕하세요.

#6편에서  플렉스 아이템 단독으로 움직일 시,

margin-left:auto: 주는 설명처럼,

강의 #7편에 .IE버그 해결 할때

1) 어떤 이유 때문에, "overflow:auto;"를 줘야하는지

2) 어떤 특성으로 "overflow:auto;"를 줘야 하는지

설명 부탁드립니다:]

margin-left:auto;설명이 금방 이해가 되어
#7부분 도 설명을 듣고 싶습니다:]

답변 1

4

1분코딩님의 프로필 이미지
1분코딩
지식공유자

현상 자체를 보면,
"콘텐츠가 영역을 벗어나는 경우에 대한 처리"라고 볼 수 있습니다.
영역을 벗어나는 콘텐츠에 대한 처리는 overflow가 담당을 하고,
우리가 원하는 것은 콘텐츠가 넘칠 경우에만 스크롤이 생기는 것이기 때문에
그에 해당하는 설정인 overflow: auto를 사용한다고 생각하시면 될 것 같습니다.
표준 스펙의 동작과 다른 버그같은 현상이기 때문에
왜 이런 현상이 일어났을까 자체에 집중하는 것 보다는
어떤 것에 관련된 현상인가에 집중하면 해결의 실마리를 좀 더 잘 찾을 수 있는 것 같습니다^^

프린이님의 프로필 이미지
프린이

작성한 질문수

질문하기