Знакомство с CSS3 Box-sizing

Совсем недавно, когда нам нужно было создать блок на странице, предположим посредством div’а, на нужно было указывать 100 пикселей как для ширины, так и для высоты, а также прописывать 10 пикселей отступов и границы. Браузеры расширяли блок до 140 пикселей, что являлось суммой ширины/высоты с добавлением отступов и границ. 100px [ширина/высота] + (2 x 10px [отступы]) + (2 x 10px [граница]). Тем не менее, иногда этот результат являлся не совсем тем, что мы ожидали.

 Источник:coolwebmasters.com