CSS Fill parent div 100% cleanly

Question

Quiero ser capaz de llenar el div de un padre exactamente al 100% con un lapso de hijos. El problema es que el tramo con el que deseo rellenarlo está basado en el tema y tiene diferentes rellenos y márgenes. Así que no puedo codificar ningún tamaño para la altura del tramo.

Si trato de establecer la altura del tramo en 100%, en realidad rebasa y llena más de 100% + 6 píxeles para este tema (pero el exceso varía según el tema). ¿Cómo se hace así que sin importar el tamaño de los rellenos/márgenes para el tramo, solo llenará el 100% del div principal?

Muchas gracias por la ayuda.

Answer 1

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

Ver http://jsfiddle.net/mbB8t/2/

Se clarificó: Obras para todos los navegadores modernos (IE8 +).

Answer 2

Para que esto funcione, debe calcular el valor de las almohadillas y los márgenes agregando el ancho de 2x más la altura. entonces puedes saber qué valores usar para span para que llene el div principal. comprobar los ejemplos aquí http://www.phcityonweb.com/tutorial/css-programming-lessons/margin-padding