float는 컨텐츠를 배치하는 형식을 지정한다. 흔히 볼 수 있는 이미지를 왼쪽에 두고 오른쪽에 글이 오가나 그 반대의 경우를 사용할 때 쓰는 태그다.
말로 하니까 내가 이해가 안 된다. =-=' 이미지로 한번 만들어보면 빠르게 이해가 될 듯. 이미지 나와라~뿅!
이런게 float다. 역시 백번 말하는 것보다 눈으로 한번 보는게 빠른 이해 고고.
float: left; / 요소를 왼쪽에 (내용은 오른쪽)
float: right; /요소를 오른쪽에 (내용을 왼쪽에)
float: none; / 기본 값.
float: inherit; / 상위 요소의 값을 상속 받는다.
브라우저의 크기가 줄어들면 내용(글)은 아래로 내려온다. 신기하네. =-=?