CSS Float(학습 20일차 TIL)

210706 오늘은 position에 이어 float에 대해 학습했다.

Today's tips

CSS float

• 앞의 객체가 float 되어도 안의 내용물은 float 뒤로 가려지지 않는다.
  
  (red와 green에 float:left를 지정해 줌)
• float을 해주면 당연히 clear(clear fix)를 해 준다.
  (:after {content:''; display:block; clear:both;})
• :과, :: 차이

  가상클래스 = :hover, :active, :checked, :last-child ...등등
  가상요소 = ::after, ::before, ::first-letter, ::placeholder ...등등