Вы знаете Бокс-модель для CSS (margin-border-padding-content)
Однако я хочу, чтобы браузер вычислял размеры блочной модели, включая поля, границы и отступы.
Есть ли способ заставить браузер так интерпретировать?
Спасибо
В CSS3 у нас есть box-sizing. Если вы установите его на border-box, он будет рассчитывать отступы и границы в размере. AFAIK, вы не можете сделать так, чтобы он также вычислял поле в размере, что звучит логично, потому что поле ни в коем случае не является частью блока, оно просто говорит, сколько места должно оставаться пустым вокруг блока.
box-sizing
border-box
Смотрите здесь: http://www.css3.info/preview/box-sizing/
Пожалуйста, также проверьте текущую поддержку браузера для box-sizing (даже если она кажется довольно широкой, вам следует избегать неожиданностей).
Нет. Согласно W3c, стандартным способом является то, что ширина / высота интерпретируется без рамки и отступов. Вы можете заставить IE следовать стандарту, добавив doctype.
doctype
Это стандартное поведение, его следует использовать для кроссбраузерных проектов.