float1 CSS Layout Float 한 요소가 정상 흐름으로부터 빠져 텍스트 및 인라인 요소가 그 주위를 감싸 요소의 좌, 우측을 따라 배치되어야 함을 지정 본래는 이미지를 한 쪽으로 띄우고 텍스트를 둘러싸는 레이아웃을 위해 도입 ex) 신문 더 나아가 이미지가 아닌 다른 요소들에도 적용해 웹 사이트의 전체 레이아웃을 만드는데까지 발전 float clear - 가상 요소 선택한 요소의 맨 마지막 자식으로 가상(의사) 요소를 하나 생성 보통 content 속성과 함께 짝지어, 요소에 장식용 콘텐츠를 추가할 때 사용 기본값은 inline clear 속성 선행 floating 요소 다음으로 갈지 아니면 그 아래로 내려가(cleared)야 하는 지를 지정 clear 속성은 float 및 비 float 요소 모두에 적용됨 일반적으로 bo.. 2021. 8. 30. 이전 1 다음