<style>에서{box-sizing: border-box;} 을 주면 박스의 보더를 내부로 옮길 수 있습니다.

예를 들면
전체 박스 사이즈가 가로,세로 100px이고 패딩, 보더를 사방으로 10px씩 주면
박스 사이즈가 가로,세로 140px이 되어버립니다.
이럴 때 보더와 패딩을 내부로 들여옮겨
원래 박스값인 가로,세로 100px를 유지하게 하는 기능이
{box-sizing: border-box} 입니다.