float
float: right;
float: left;
float: none
- float 은 주로 이미지 주변에 텍스트를 감싸기 위해 만들어진 프로퍼티이다.
- 요소를 왼쪽이나 오른쪽에 떠 있게 만들 수 있다.
- float속성을 가진 요소는 부모가 높이를 인지할 수 없어서 요소가 부모를 벗어날 수도 있다.
이를 해결하기 위해서...
1. 감싸고 있는 마지막 태그에 clear 속성을 적용
2. 감싸고 있는 바깥 태그에 overflow: hidden; 적용
3. 감싸고 있는 바깥 태그에 float 적용
clear
clear: none;
clear: left;
clear: right;
clear: both;
- float 속성을 무효화 시키는 속성
