CSS 너비가 같은 박스 만들기 box-sizing

 

box-sizing을 이용해서 너비가 같은 박스 상자를 만들어보자.

이거는 저번에 배운 .name::after {content: ""; clear: both; display: table;}을 이용한다.

 

box-sizing은 각 박스의 너비를 넓히는 항목인 padding, border값을 추가하면 상자가 깨질수 있다.

상자 전체 너비나 높이에 padding, border 사용해 상자 안에서 유지되도록 한다.