인프런 커뮤니티 질문&답변
작성한 질문수
overflow: hidden;
작성
·
162
1
좋은 수업 감사드립니다.
.cont-company .cont-coInfo {
position : relative;
overflow : hidden;
width: 1189px;
margin: 0 auto;
}위의 footer css 작성하는 부분에서 overflow: hidden;을
왜 주는지 이해가 잘 안 갑니다. overflow: hidden을 주석처리해버리면 <dl class="list-coInfo"> 부분의 background가 없어지던데 왜 그러는거죠...?
답변 1
0
Hojun Lee
지식공유자
네 안녕하세요 js be 님! 좋은 질문 감사합니다~
.cont-coInfo 의 자식인 list-coInfo 와 txt-copy 에 float 속성이 적용되어 있기 때문입니다!
부모요소는 자식요소가 float 처리가 되면 인식을 하지 못하기 때문에 float 된 자식 요소를 알아보게 하기 위하여 부모에 overflow:hidden 속성을 준것입니다. :)
혹시 이해가 안가시는 부분이 있다면 언제든 또 말씀주세요~
감사합니다!