box-size #small{ border:10px; solid black; } #large{ border:30px; solid black; } 다음과 같이 박스를 만들면 다음과 같이 만들어진다. 박스의 크기가 다르다. 그 이유는 border의 px값이 large가 더 크기 때문이다. 그러면 px값에 상관없이 크기에 맞는 박스를 만들 수는 없을 까? * { box-sizing : border-box; } 참고로 *는 모든 태그를 뜻하는 것이다. box-sizing을 border-box로 하면 다음과 같이 px값에 상관없이 박스의 크기가 같아진다. box-sizing을 정해주지 않으면 content-box로 된다. content-box는 위의 첫번째 예제이다. position #box{ border : 5..