Float 속성의 잦은 사용

float 속성은 CSS를 이용해 세로로 쌓은 레이아웃(Columnar layout)을 만들 때 가장 흔히 이용되는 방식입니다. 프로젝트가 진행되는 동안 페이지와 사이트의 제 각각 다른 레이아웃을 만들어내기 위해 float가 반복적으로 사용됩니다. 이런 경우 불안정한 CSS가 되기 때문에, 레이아웃의 한 측면만 변해도 전체 레이아웃에 손상을 입히게 됩니다.

일반적으로 float를 많이 사용한다는 것은 해당 프로젝트가 그리드 시스템(Grid system)을 사용해서 도움을 얻을 수 있음을 의미합니다. CSS 그리드 시스템은 세로로 쌓은 레이아웃을 CSS 클래스를 이용해 표준화 시킵니다. 아래의 그리드 시스템들이 인기를 끌고 있습니다.

• 960gs
• Blueprint
• OOCSS Grids
• YUI Grids

이러한 그리드 시스템을 사용하면 직접 손으로 CSS 코드를 작성하는 양을 상당히 줄일 수 있습니다.

규칙 상세설명

규칙(Rule) ID: floats

float가 얼마나 사용됐는지 확인해서 복잡도를 낮추는 것이 이 규칙의 목적입니다. float가 10번 이상 사용되면 문제로 판단하게 됩니다. 이렇게 여러번 사용된 경우는 페이지에 세로로 쌓은 레이아웃이 많이 있으며, 그리드 시스템을 이용하는 것이 더 바람직하다는 점을 보여주는 것이기 때문입니다.

조금 더 살펴보기

• Grids improve site performance

---

원문: https://github.com/stubbornella/csslint/wiki/Disallow-too-many-floats