짹뚜 스튜디오

CSS 속성 중 box-sizing은 한 element의 width나 height의 크기를 어떻게 계산할지를 결정한다. box-sizing의 값으로는 content-box와 border-box가 들어갈 수 있고 차이점은 예제를 보면 이해하기 쉽다. #content{ box-sizing: content-box; width: 300px; height: 200px; margin: 20px; padding: 10px; border: 2px solid black; } #border{ box-sizing: border-box; width: 300px; height: 200px; margin: 20px; padding: 10px; border: 2px solid black; } 두 개의 에 동일한 width, mar..