강의

멘토링

로드맵

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

kms13570님의 프로필 이미지
kms13570

작성한 질문수

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

2. 가로 고정형 레이아웃(A1~A4) - 보더를 사용해서 HTML+CSS 구조만들기

box-sizing

해결된 질문

작성

·

191

1

공지사항, 갤러리, 바로가기의 높이값들이 200px로 명시 돼있는데

 

.items > div에 height를 줬으면

.items > div에 border : 1px solid black을 줬을 때는

 

무조건 box-sizing : border-box; 를 해야되죠?? (안하면은 높이가 202px이 되니까..?)

아니면 border : 1px solid black을 삭제하거나

 

퀴즈

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

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

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

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

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

답변 1

1

box-sizing: border-box를 줘야 하는 경우는 가로배치를 할 때 입니다. 

가로배치 할 때 너비를 정확히 맞추기 위한 목적입니다.

가로 배치가 아닌 경우 꼭 줄 필요는 없습니다.

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

넵! 감사합니다.

kms13570님의 프로필 이미지
kms13570

작성한 질문수

질문하기