홀리핵1 CSS 포지셔닝 플로팅 CSS float float는 엘리먼트를 띄운다는의미로 왼쪽 오른쪽 두가지 지정할 수 있는 속성값을 가진다. 오른쪽위의 첫번째 그림은 아무것도 지정하지않았을때 일반 포지셔닝이다. 왼족위는 하나의 박스를 float:left로정의 한경우이다. 플로트의 경우 가로폭이 충분하지않으면 아래로 밀려난다. 오른쪽아래가 그예시 또 박스높이가 다른경우는 왼쪽아래처럼 왼족긑으로 떨어지지않고 플로트된 다른 엘리먼트에 달라붙는다. 위그림은 플로트 해제를 보여주는 예시이다. 첫번째는 역시 아무것도 지정하지않았을떄. 두번째는 박스에 float:left를 주었을떄이다. 이떄 라인박스가 오면 박스크기만큼 작아지면서 흘려지게된다. 왼쪽 아래처럼 각블럭을 해체하려면 clear를 쓰면 된다. 마지막으로 플로트를 감싸는 엘리먼트가 있을경우.. 2009. 9. 3. 이전 1 다음