float 를 해결하는 방법
퍼블리셔/css2011. 7. 18. 06:00
왼쪽 정렬, 오른쪽 정렬을 하는 방법으로 float 를 사용하곤 합니다. 아마도 가장 많이 사용하는 선택자가 아닌가 싶네요. 그런데 주의 할점이 있습니다. float:left 는 왼쪽으로 띄우고, float:right 는 오른쪽으로 띄웁니다. 문제는 이렇게 float 로 띄울경우 다음에 오는박스가 동일한 크기가 오면 상관없지만 만약 크기가 작을경우 , 그위로 올라타는 경우가 생깁니다. 즉 3번 박스가 원래는 4번자리에 위치해야 하지만 2번 다음에 위치하게 됩니다. 차례대로 정렬이 되지 않는다는 거죠. 2번 박스가 작아도 동일하게 옆으로만 정렬이 돼야 하는데 동일한 크기거나 크기가 클경우는 정상적이지만 만약 크기가 작다면 위처럼 올라타는 문제가 생깁니다. 또하나 float 로 지정을 할경우 그 위부모가 배..