CSS - 문제 미리보기

문제 1141

medium
다음 코드에서 빈칸에 들어갈 올바른 계산 공식은? ```css .box { width: 150px; height: 80px; padding: 25px; border: 5px solid; } ``` 전체 너비 = ______
A. `150px + 25px + 5px`
B. `150px + 50px + 10px`
C. `150px + 100px + 20px`
D. `150px + 25px + 25px + 5px + 5px`

정답: B

전체 너비를 계산할 때는 모든 방향의 패딩과 테두리를 고려해야 합니다. 박스 모델 계산 공식: 전체 너비 = width + padding-left + padding-right + border-left + border-right 주어진 값 분석: ```css width: 150px; /* 콘텐츠 영역 너비 */ padding: 25px; /* 모든 면에 25px */ border: 5px solid; /* 모든 면에 5px */ ``` 계산: 전체 너비 = 150px + 25px + 25px + 5px + 5px = 210px 또는 전체 너비 = 150px + 50px + 10px = 210px

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.