По умолчанию свойство box-sizing для HTML элементов имеет значение content-box.

Это значит, что задавая значение ширины для HTML элемента мы будет регулировать именно ширину элемента - поля, бордюр будут увеличивать реальный размер элемента.

Чтобы задать равную ширину удобно использовать значение свойства box-sizing равным border-box. То есть в ширину HTML элементов будет включаться поля и границы. Отступы (margin) учитываться не будут, и их можно не задавать или задать одинаковыми для всех элементов.

Например, нам нужно сделать поля формы одинаковой ширины - 100% Подпись для поля будем задавать с помощью placeholder, тогда css код для полей формы будет примерно таким:

width:100%;
box-sizing:border-box;
margin:0 0 15px;

 

Чтобы сделать комментарий, нужно авторизоваться на сайте!