Установите ширину до 110

Question

В примере, почему ширина не 110. Я знаю, что это из-за границы. Но что является кросс-браузер способ установить ширину до 110.

http://jsfiddle.net/RS5wf/

Answer 1

Попробуйте получить ширину с outerWidth, которая принимает во внимание отступов и границы.

http://jsfiddle.net/RS5wf/2/

Answer 2

Это связано с менее известного под названием собственности box-sizing.

Размер коробки определяет, какая модель коробки используется для рендеринга объекта.

content-box по умолчанию для большинства элементов, однако элементы формы имеют значение по умолчанию для рамки, которое может немного расстраиваться при стилизации элементов формы.

Вот большой ссылку на box-sizing

Answer 3

Ширина может быть считан либо с помощью .width(), который возвращает внутреннюю ширину (удаление отступов и границ пикселей), или .outerWidth(), который возвращает общее ширина.

Ширина может быть установлена ​​с использованием. Ширина (размер), не с .outerWidth (размер).