Свойство box-sizing:border-box
изменяет режим расчета ширины элемента так, чтобы свойство width
задавало не ширину содержания, а общую ширину. Значение свойства умолчаниюcontent-box.
При резиновой верстке намного удобнее задать значение border-box
.
Данное свойство лучше задавать с использованием префиксов:
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Таким образом, указывая размеры блоку — мы указываем их всему блоку, а не содержимому (в размер включаются все внутренние отступы и рамка).
Смотрите также box-sizing: что означает