float을 clear하는 방법(clearfix)
마크업 후에 CSS작업을 하다보면 가장 많이 겪는 순간이 상단 네비게이션바를 만들 때
float속성으로 원하는 곳에 배치를 하면 그 다음에 오는 태그들의 위치가 뭉개지는 경우가 허다한데
원래 float 뒤에 포지션이 뭉개지는 현상은 브라우저상의 오류로 생겨난 것이고,
이를 해결하는 clearfix는 위의 오류를 해결하기 위해 똑똑한 분들이 만들어낸 일종의 버그해결 방법이다.
출처: https://takeuu.tistory.com/60
CSS 포지션(position)
활용할 수 있는 곳은 일반적으로 박스 위에 다른 박스를 위치시키고 싶을 때,
부모 요소에 position: relative; 자식 요소에 position: absolute;를 주고 top(x축), left(y축)으로 이동시키면 된다.
마찬가지로 직접 해보면서 익히는것이 가장 좋다.