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 +).