등분할 레이아웃의 계산법:

기본 계산 원리:

• 전체 너비 100%를 박스 개수로 나눔
• 3개 박스 = 100% ÷ 3 = 33.33%
• 각 박스가 동일한 크기를 가짐

다른 개수별 너비:

• 2개 박스: 50% 각각
• 3개 박스: 33.33% 각각 ✓
• 4개 박스: 25% 각각
• 5개 박스: 20% 각각

실무 활용 사례:

• 상품 목록: 3열 그리드로 제품 표시
• 이미지 갤러리: 사진을 3개씩 한 줄에 배치
• 카드 레이아웃: 서비스 소개 카드 3개
• 뉴스 섹션: 기사를 3개 컬럼으로 나열

정확한 소수점의 중요성:

• 33%만 사용하면 총 99%로 약간의 여백 발생
• 33.33%를 사용해야 정확한 전체 너비 활용
• 브라우저가 자동으로 반올림 처리

box-sizing과의 관계:

• `box-sizing: border-box` 설정 시 padding/border 포함
• 계산이 더 간단하고 예측 가능해짐