▶ clear - float 속성이 적용되지 않도록 지정. - float 속성의 해제. - float이 주변에 더 이상 영향을 미치지 않도록 처리하는 것. [속성 값] - none: 기본값. 요소 띄움 허용. - left: 왼쪽 띄움 해제. - right: 오른쪽 띄움 해제. - both: 양쪽 모두 띄움 해제.

▶ CSS float 참조: developing-move.tistory.com/123 - float 속성이 추가된 요소는 display 속성의 값이 대부분의 경우 block으로 수정됨. - 의 전형적인 inline 속성. - 에 display: block; 적용 시 결과 화면. - float: left; 사용. - display: block;과 마찬가지로 요소의 가로/세로 크기를 가질 수 있게 되고 margin이 적용됨. - 대부분의 경우 display 속성의 값이 변경되는 것으로 그렇지 않은 값들도 있음. 지정 값 변화 값 inline block inline-block block inline-table block table-row block table-row-group block table-column..

▶ float - 요소를 좌우 방향으로 띄움. 수평 정렬의 기능. - 많은 경우 요소를 부유하는 개념보다는 수평 정렬을 목적으로 사용됨. - 정확히는 요소를 띄우는 기능을 가지고 있지만 이를 이용해 수평 정렬을 시킬 수 있는 것. - CSS3에서는 flex(flexable box)가 도입되면서 float을 대체하는 속성이 나옴. - 근래의 웹사이트들은 수평 정렬에 flex를 사용함에 따라 float의 수평 정렬 기능은 많이 퇴색됨. [속성 값] - none: 요소 띄움 없음. 기본값. - left: 왼쪽으로 띄움. - right: 오른쪽으로 띄움. [사용 방법 및 예시] /* 사용 방법 */ float: 방향; /* 사용 예시 */ float: left; [단순 띄움] - 단순하게 띄우는 개념으로만 사용..