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