Почему может отличаться реальная высота и ширина элемента от жестко заданных?

Question

[idclev31]

Задаю для тектового инпута такие стили:

width: 310px;
height: 33px;
border-color: #f9ad81;
border-width: 1px;
padding: 0px 20px 0px 20px;

Но реальные ширина и высота равны 268 на 31 соответсвенно.
Такое ощущение, что padding включен в размер блока.
На другой странице этого не происходит.
Подскажите, что может оказывать такое влияние на элемент?

Answer 1

[Денис Инешин]

box-sizing покрутите.

Comments

[idclev31]

покрутил- все ок, но интересно почему без него так получается.
что может вызывать такое поведение.