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

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

kms13570님의 프로필 이미지
kms13570

작성한 질문수

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

5. 가로 고정형 레이아웃(A1~A4) - 배경색 사용해서 HTML+CSS 구조만들기

10분쯤에 clear:both;

해결된 질문

작성

·

238

2

.items > div에 float값을 줬으니까 상속받은 채로 내려와서 footer에도 영향을 끼치기 때문에

해제하려고 footer에 clear : both를 준다고 이해했습니다. 이렇게 하면 .items에 overflow : hidden을 안줘도 되니까

 

근데 위 방법말고 그냥

.items에 overflow : hidden을 주고

footer에서도 overflow: hidden이나 height : 100px을 주는 방법을 쓰면 안되나요

 

둘의 차이점이 궁금합니다.!!

 

답변 1

0

.items에 높이를 100픽셀 주셔도 됩니다.

하지만 .items > div의 높이가 달라지면 .items에 높이도 조정해줘야 합니다.

변동사항이 거의 없는 경우는 .items에 높이를 지정해도 괜찮습니다.

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

감사합니다.

kms13570님의 프로필 이미지
kms13570

작성한 질문수

질문하기