CSS - 문제 미리보기
문제 1345
medium
불균등한 3컬럼 레이아웃에서 메인 콘텐츠와 사이드바의 적절한 너비 비율은?
```css
.column {
float: left;
}
.column.side {
width: _____;
}
.column.middle {
width: _____;
}
```
```css
.column {
float: left;
}
.column.side {
width: _____;
}
.column.middle {
width: _____;
}
```
정답: B
• 불균등 컬럼의 설계 원칙:
• 메인 콘텐츠가 가장 넓은 영역 차지
• 사이드바는 보조 정보를 위한 적당한 크기
• 전체 합계가 100%가 되어야 함
• 25% + 50% + 25% = 100% 구성:
• 왼쪽 사이드바: 25% (네비게이션, 메뉴)
• 메인 콘텐츠: 50% (주요 내용)
• 오른쪽 사이드바: 25% (광고, 관련 링크)
• 메인 콘텐츠가 가장 넓은 영역 차지
• 사이드바는 보조 정보를 위한 적당한 크기
• 전체 합계가 100%가 되어야 함
• 25% + 50% + 25% = 100% 구성:
• 왼쪽 사이드바: 25% (네비게이션, 메뉴)
• 메인 콘텐츠: 50% (주요 내용)
• 오른쪽 사이드바: 25% (광고, 관련 링크)
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.