float는 가로배치를 하기 위하여 사용한다.

float이 되는 순간 block요소로 바뀐다.

  • 길막을 못하는 이상한 블록 => 가로배치가 가능하다.

inline요소는 float된 요소를 알아볼 수 있다.

float를 해제하는 방법1

.parent {
    overflow: hidden;
}

float를 해제하는 방법2

.parent::after {
    content: '';
    display: block;
    clear: left;    
}