CSS - 문제 미리보기
문제 1137
medium
다음 코드에서 실제로 적용되는 너비는?
```css
.box {
width: 600px;
max-width: 400px;
}
```
정답: B
`width`와 `max-width`가 동시에 설정된 경우, 더 작은 값이 우선적으로 적용됩니다.
CSS 우선순위 규칙:
• `width` > `max-width`인 경우: `max-width`가 적용
• `width` < `max-width`인 경우: `width`가 적용
코드 분석:
```css
.box {
width: 600px; /* 원하는 너비 */
max-width: 400px; /* 최대 허용 너비 */
}
/* 600px > 400px이므로 max-width인 400px가 적용 */
```
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.