$$config title: float keywords: - IT $$ ## float을 사용하는 이유 ```html 1. flex를 사용하지 못하는 경우가 많다. 2. flex를 사용해도 되지만 float을 선호하는 경우도 많다. ```
## float 기본값 ``` float: none; ```
## float 적용전 - 수업codepen : [열기](https://codepen.io/kimhyeji324/pen/jOvOQwJ?editors=1100)
## float 문제점 - 수업codepen : [열기](https://codepen.io/kimhyeji324/pen/poOoQwm?editors=0100)
## float 문제 해결방법 - 수업codepen : [해결방법예시](https://codepen.io/kimhyeji324/pen/yLxLQXd?editors=0100)
## float 개념 - 수업codepen : [열기](https://codepen.io/kimhyeji324/pen/KKxKrmY?editors=1100)
## float 문제점 해결 - 수업codepen : [인접동생이 float형과 높이가 같을때](https://codepen.io/kimhyeji324/pen/BaOywwQ?editors=1100) - 수업codepen : [인접동생이 float형과 높이가 다를때](https://codepen.io/kimhyeji324/pen/ExeawMz?editors=1100) - 수업codepen : [인접동생에 clear속성을 적용했을때](https://codepen.io/kimhyeji324/pen/abazLMg?editors=1100) - 수업codepen : [인접동생이 inline인 상황에 clear속성을 적용했을때](https://codepen.io/kimhyeji324/pen/xxabXBv?editors=1100) - 수업codepen : [마지막 동생이 block인 상황에 clear속성을 적용했을때](https://codepen.io/kimhyeji324/pen/gOdbGEm?editors=1100) - 수업codepen : [가상요소 활용하여 clear속성을 적용했을때](https://codepen.io/kimhyeji324/pen/JjaorVP)
## float 중앙정렬 - 수업codepen : [block](https://codepen.io/kimhyeji324/pen/yLxyPvW) - 수업codepen : [article태그에 absolute 적용](https://codepen.io/kimhyeji324/pen/yLxyPvW) - 수업codepen : [article태그에 absolute 적용 후 top: 0](https://codepen.io/kimhyeji324/pen/yLxyPvW?editors=1100) - 수업codepen : [article태그에 absolute 적용 후 left: 50%](https://codepen.io/kimhyeji324/pen/ExejNyL?editors=1100) - 수업codepen : [absolute 중앙정렬 원리](https://codepen.io/kimhyeji324/pen/ExejgBo?editors=1100)
## 23.02.15(수) 수업영상 - 수업영상2 : [10:00 - 10:50](https://youtu.be/ANzH43N9DdQ)
## 23.02.16(목) 수업영상 - 수업영상1 : [09:00 - 09:50](https://youtu.be/sDIUvJ8OL6M) - 수업영상2 : [10:00 - 10:50](https://youtu.be/gh6cxwuUKmw)
## 23.02.17(금) 수업영상 - 수업영상1 : [09:00 - 09:50](https://youtu.be/X8QUROWkGqI) - 수업영상2 : [10:00 - 10:50](https://youtu.be/241-7AF6xp8)
## 23.02.21(화) 수업영상 - 수업영상1 : [09:00 - 09:50](https://youtu.be/bCLAWNzus4U) - 수업영상2 : [10:00 - 10:50](https://youtu.be/O_qE0GSxmK8)
## 23.02.22(수) 수업영상 - 수업영상1 : [09:00 - 09:50](https://youtu.be/0kL78t3wptA) - 수업영상2 : [10:00 - 10:50](https://youtu.be/-Bh9Q3QTRus)
## 23.02.23(목) 수업영상 - 수업영상1 : [09:00 - 09:50](https://youtu.be/8_HdQxGwhwE) - 수업영상2 : [10:00 - 10:50](https://youtu.be/JhrcjIRH4nU)

게시글 상세