Use this property on an element to make sure that any padding or borders applied to it are included in its defined width and height, preventing the element from unexpectedly growing larger than the size you set and ensuring a more predictable, consistent layout when designing pages.
-webkit-box-sizing: border-box; /* Chrome */ -moz-box-sizing: border-box; /* Firefox */ box-sizing: border-box; /* Opera/IE */