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

작성한 질문수

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

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

10분쯤에 clear:both;

해결된 질문

작성

256

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

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

근데 위 방법말고 그냥

.items에 overflow : hidden을 주고

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

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

퀴즈

웹 디자인 실기 시험에서 레이아웃 제작이 중요한 이유는 무엇일까요?

디자인 요소 배치에만 영향을 주기 때문

실기 시험의 시작점이며 다른 모듈 진행에 필수적이기 때문

특정 브라우저 호환성 문제 해결에만 필요하기 때문

복잡한 스크립트 구현보다 어렵기 때문

답변 1

지식공유자

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

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

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

질문자

감사합니다.

작성한 질문수