CSS Заполните родительский div 100% чисто

Question

Я хочу быть в состоянии заполнить div родителя точно на 100% с дочерним промежутком. Проблема в том, что промежуток, которым я хочу заполнить его, тематически связан с themeroller и имеет различные отступы и поля. Поэтому я не могу жестко указать любые размеры для высоты пролета.

Если я попытаюсь установить высоту промежутка равной 100%, то она на самом деле переходит и заполняется примерно как 100% + 6 пикселей для этой темы (но количество переполнения зависит от темы). Как сделать так, чтобы независимо от того, какого размера отступы / поля для диапазона, он будет заполнять только 100% родительского div?

Огромное спасибо за помощь.

Answer 1

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;    
box-sizing: border-box;

Смотрите http://jsfiddle.net/mbB8t/2/

Уточнено: Работает для всех современных браузеров (IE8+).

Answer 2

Чтобы это работало, вы должны вычислить значение отступов и полей, добавив двукратную ширину промежутка плюс высоту. тогда вы можете узнать, какие значения использовать для span, чтобы он заполнил родительский div. посмотрите примеры здесь http://www.phcityonweb.com/tutorial/css-programming-lessons/margin-padding