CSS float

float는 컨텐츠를 배치하는 형식을 지정한다. 흔히 볼 수 있는 이미지를 왼쪽에 두고 오른쪽에 글이 오가나 그 반대의 경우를 사용할 때 쓰는 태그다.

말로 하니까 내가 이해가 안 된다. =-=' 이미지로 한번 만들어보면 빠르게 이해가 될 듯. 이미지 나와라~뿅!

 

이런게 float다. 역시 백번 말하는 것보다 눈으로 한번 보는게 빠른 이해 고고.

 

float: left; / 요소를 왼쪽에 (내용은 오른쪽)

float: right; /요소를 오른쪽에 (내용을 왼쪽에)

float: none; / 기본 값.

float: inherit; / 상위 요소의 값을 상속 받는다.

 

See the Pen float by nilgi (@nilgi) on CodePen.