Box Model (1) 썸네일형 리스트형 [CSS][box-sizing 알아보기] TLDR : content-box면 content 영역 크기는 변하지 않는다. boreder-box면 content 영역 크기가 변한다. box-sizing : content-box는 모든 요소에 대해 디폴트 선언이다. 이 설정의 문제점은 content 영역 크기의 계산은 쉽지만 박스모델 전체 크기(dimension)가 예상이 어렵다는 것이다. border box : .box 클래스 요소의 크기(dimension)는? 드래그 : 220px * 320px 드래그 : 502px * 2px 크기가 없는 컨텐츠에 마진과 보더만 붙어서 보이는 현상은 보통 원하지 않을 것이다. 새로운 디폴트 : border-box *, *::before, *::after { box-sizing: border-box; } borde.. 이전 1 다음