[CSS] 박스 크기가 실제 설정한 값보다 클 때

box-sizing: border-box

padding, border 까지 합친 크기로 적용됨.

 

/*ex*/
p{
    box-sizing: border-box;
    width: 500px;
    height: 500px;
}
/*컨텐츠만의 크기가 아닌 padding, border까지 포함한 500px이 됨*/