새발블로그

박스 모델 본문

Client/HTML & CSS

박스 모델

EUG 2025. 3. 15. 18:18

 

실제 너비 계산 방식

width + padding(left+right) + border(left+right) = 실제 너비
  • 기본값: box-sizing: content-box;
  • 추천: box-sizing: border-box; → 설정한 width가 전체 너비가 되도록
css
 
* {
  box-sizing: border-box;
}
 

'Client > HTML & CSS' 카테고리의 다른 글

CSS 관련 핵심 개념  (0) 2025.03.15
웹 기술 요소 정리- HTML/CSS/JS  (0) 2025.03.15
HTML 발전과정  (0) 2025.03.15