padding의 크기 증가 현상을 막는 box-sizing
안녕하세요 지식마블입니다. #padding 사용법padding 속성을 사용하는 방법은padding: 위 우 아래 좌;padding: 위 [좌, 우] 아래;padding: [위, 아래] [좌, 우];padding: [위 우 아래 좌]; 이렇게 4가지가 있죠. 무슨 말이냐구요? .box1 {padding: 10px 20px 30px 40px; /*위 10픽셀, 오른쪽 20픽셀, 아래 30픽셀, 왼쪽 40픽셀의 공간으로 패딩이 생깁니다 *}그럼,padding: 10px 20px 40px;으로 하면 어떻게 될까요? 위 10픽셀, 오른쪽, 왼쪽 각각 20픽셀, 아래 40픽셀의 패딩이 생기는거죠. 이해되셨죠? 근데, 문제는 말이죠, .box1 { width: 100px; height: 100px; backgroun..