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

sujigkfkd님의 프로필 이미지
sujigkfkd

작성한 질문수

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

overflow: none 값

작성

·

670

0

강의 내용 중 overflow의 속성을 "none"으로 설정하신 부분이 있는데
정확하게 "none" 값이 overflow 속성에서는 무엇을 의미하는지 궁금해서 검색해보니 관련자료가 없어서요
mdn에서도 overflow에 "none"이라는 값을 찾지 못했는데, 혹시 어떤 것을 의미하는 값인지 알 수 있을까요

답변 2

0

sujigkfkd님의 프로필 이미지
sujigkfkd
질문자

네 친절한 답변 감사합니다 :)

0

안녕하세요. 

이 부분은 영상에서 설명드린적이 있는데요. 또, 해당 부분을 다시 공유드린 코드에서도 주석으로 설명을 드리고 있습니다. 다음과 같이 overflow 를 hidden 으로 하면, 카드를 왼쪽,오른쪽으로  transform 시 이미지가 짤려서요. 이를 해결하기 위한 방안으로 다음과 같이 none 으로 설정하였는데요.

overflow 의 공식 value 는 아닌 것은 맞습니다. 워낙 css 쪽이 옵션이 많고, 팁등이 많다보니,  위와 같은 특별한 케이스에 대해, 기존에 여러 옵션들이 난립하고 있을 때의, 팁으로 이해해주시면 좋을 것 같고요. 본 강의는 최대한 공식적인 문법/값으로만 한정하고 있는데, 위 팁이 예전부터 써오던 팁이라서, 너무 억지로 바꾸면 또다른 예상치 못한 이슈가 생길 것 같아서, 이 건에 한정해서만 작은 이슈라서, none 으로 설명을 드렸어요. 공식 value 로 해보신다면, visible 로 바꿔보셔서, 테스트해보시는 것도 괜찮을 것 같은데, 어떠신가요? 

감사합니다.

overflow: none; /* overflow 를 hidden 으로 설정하면, transform 시 이미지 짤림 */
sujigkfkd님의 프로필 이미지
sujigkfkd

작성한 질문수

질문하기