-
카테고리
-
세부 분야
기타 (개발 · 프로그래밍)
-
해결 여부
미해결
overflow: hidden;
21.11.06 09:34 작성 조회수 91
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가 없어지던데 왜 그러는거죠...?
답변을 작성해보세요.
0
Hojun Lee
지식공유자2021.11.06
네 안녕하세요 js be 님! 좋은 질문 감사합니다~
.cont-coInfo 의 자식인 list-coInfo 와 txt-copy 에 float 속성이 적용되어 있기 때문입니다!
부모요소는 자식요소가 float 처리가 되면 인식을 하지 못하기 때문에 float 된 자식 요소를 알아보게 하기 위하여 부모에 overflow:hidden 속성을 준것입니다. :)
혹시 이해가 안가시는 부분이 있다면 언제든 또 말씀주세요~
감사합니다!
답변 1