CSS - 문제 미리보기
문제 1309
easy
다음 코드에서 빈칸에 들어갈 올바른 값은?
```css
li {
float: _____;
}
a {
display: block;
padding: 8px;
background-color: #dddddd;
}
```
```css
li {
float: _____;
}
a {
display: block;
padding: 8px;
background-color: #dddddd;
}
```
정답: C
• `float: left;`는 가로형 내비게이션 바를 만드는 두 번째 방법입니다
• float의 작동 원리:
각 `<li>` 요소가 왼쪽부터 차례로 배치됩니다
블록 요소들이 가로로 나란히 떠있게 됩니다
일반적인 문서 흐름에서 벗어나 배치됩니다
• inline 방법과의 차이점:
`float`은 블록 요소 특성을 유지하면서 가로 배치
`width`, `height`, `padding` 등을 자유롭게 조절 가능
• `float: right;`를 사용하면 오른쪽 정렬이 됩니다
• float의 작동 원리:
각 `<li>` 요소가 왼쪽부터 차례로 배치됩니다
블록 요소들이 가로로 나란히 떠있게 됩니다
일반적인 문서 흐름에서 벗어나 배치됩니다
• inline 방법과의 차이점:
`float`은 블록 요소 특성을 유지하면서 가로 배치
`width`, `height`, `padding` 등을 자유롭게 조절 가능
• `float: right;`를 사용하면 오른쪽 정렬이 됩니다
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.