개발자도전
13. CSS - 레이아웃 - 요소 정렬 스타일(float/clear) 본문
728x90
- float(뜨다, 띄우다, 흐르다)
- 요소를 띄워서 좌/우로 정렬하는 속성
- clear
- float로 인해 띄워져 있는 상태를 해제하는 속성
- float 사용 시 겹치는 문제가 발생하는데 이를 해결할 때 사용
| HTML 작성 화면 - float : left 적용 |
![]() |
| CSS 작성 화면 | ![]() |
| 웹페이지에 출력된 화면 | ![]() |
float를 right로 설정하게 되면 오른쪽부터 차례대로 요소가 쌓이게 된다.
728x90
'CSS3' 카테고리의 다른 글
| 15. CSS - 레이아웃 - position (0) | 2022.10.10 |
|---|---|
| 14. CSS - 레이아웃 - float를 이용한 분할 (0) | 2022.10.10 |
| 12. CSS - 레이아웃 - 요소의 영역(여백) 관련 속성 (0) | 2022.10.10 |
| 11. CSS - 레이아웃 - 원형으로 좌우 2분할 (0) | 2022.10.10 |
| 10. CSS - 레이아웃 - 화면 분할 (0) | 2022.10.10 |
Comments


