좀 외우자
-
border-box vs. content-box 간단정리물망초. 2021. 2. 2. 22:41
사실 글 볼 필요 없다. 아래 사이트로 가자. 간략한 정리만 본다면 몰라도.. box-sizing mdn 누구나 매번 작업할 때마다 헷갈리는게 있다. 내게도 몇 개 되는데, 그 중 하나가 box-sizing이었다. 그래서 나중에 다시 찾게 될까 간단하게 남겨놓고자 한다. border-box vs. content-box width, height 100px, border 5px, padding 10px border-box 5(border) + 10(padding) + 85(100px - 10px - 5px) = 100px(계산된 width, height px); 요소의 크기는 너비 = 콘텐츠 너비, 높이 = 콘텐츠 높이로 계산하고 테두리와 안쪽 여백은 식에 넣지 않습니다. content-box 5(borde..