[CSS] float

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

원문링크 : [CSS] float