flow-root1

• 

  Clearfix Hack과 flow-root float 이미지와 텍스트를 같은 선상에 배치하기 위해 사용하는 속성 float 미적용 화면 ▼ float만 적용한 화면 ▼ - 부모 요소는 자식 요소가 float 되면 해당 요소의 height를 알지 못하게 된다. 즉, float 요소는 공중에 뜨게 된다. 단, body는 float된 요소의 height 값을 인지하고 있다. (브라우저 창의 크기를 줄이면 float 요소의 height가 다 보일 수 있도록 스크롤바가 생성됨.) 스크롤바 생성 화면 ▼ float - clearfix hack 적용 화면 ▼ Clearfix Hack 부모 요소가 자식 요소의 height를 인지하지 못해 자식 요소를 감싸지 못하는 문제를 해결하는 방법 1. 가상 요소 ::after 사용하기 1 2 3 4 5 6 7 8 9 10.. CSS 2019. 1. 29.