• 카테고리

    질문 & 답변
  • 세부 분야

    기타 (개발 · 프로그래밍)

  • 해결 여부

    미해결

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가 없어지던데 왜 그러는거죠...? 

 

 

답변 1

답변을 작성해보세요.

0

네 안녕하세요 js be 님! 좋은 질문 감사합니다~

.cont-coInfo 의 자식인 list-coInfo 와 txt-copy 에 float 속성이 적용되어 있기 때문입니다!
부모요소는 자식요소가 float 처리가 되면 인식을 하지 못하기 때문에 float 된 자식 요소를 알아보게 하기 위하여 부모에 overflow:hidden 속성을 준것입니다. :)
혹시 이해가 안가시는 부분이 있다면 언제든 또 말씀주세요~


감사합니다!