CSS 100％干净地填充父div

Question

我希望能够以子跨度100％填充父母的div。 问题是我希望填充它的范围以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

要使其工作，您必须通过添加跨度的2x宽度加上高度来计算填充和边距值。然后你就可以知道span用什么值来填充父div。查看此处的示例http://www.phcityonweb.com/tutorial/css-programming-lessons/margin-padding