본문 바로가기

IT/CSS

float 속성의 이해

<div> 태그를 사용하게 되면 display:block이 기본이기 때문에 한 줄에 하나의 <div> 태그를 볼 수 있습니다. (<br>태그 속성과 비슷함)

여러개의 <div>태그를한 줄에 나타내고 싶은 경우 float 속성을 쓰면 됩니다.


여기서 주의할 점은,

float 속성을 사용한 후 그 뒤에오는 div에 clear라는 속성을 붙여주어야 합니다.

clear안에 있는 값으로는 left, right, both를 넣을 수 있습니다.

즉 clear 속성을 가진 엘리먼트는 다른 엘리먼트들의 float 속성을 무시하고 원래의 자기 자신의 자리를 찾게 됩니다.