有了HTML/CSS，我怎样才能使一个元素的宽度和/或高度达到其父元素的100%，并且仍然有适当的填充或边距？
我所说的"适当"是指，如果我的父元素是200px高，并且我将height = 100%指定为padding = 5px，我希望我应该得到一个190px高的元素，所有的边都是border = 5px，恰到好处地居中在父元素中.
现在，我知道这不是标准盒子模型指定的工作方式(尽管我想知道为什么，确切地说…)，所以显而易见的答案是不起作用的:
#myDiv {
width: 100%
height: 100%;
padding: 5px;
}
但在我看来，对于一个任意大小的父母来说，一定有某种方法可以可靠地产生这种效果.有谁知道完成这项(看似简单的)任务的方法吗？
哦，顺便说一句，我对IE兼容性不是很感兴趣，所以(希望)这会让事情变得容易一些.
EDIT:既然要举一个例子，下面是我能想到的最简单的一个:
<html style="height: 100%">
<body style="height: 100%">
<div style="background-color: black; height: 100%; padding: 25px"></div>
</body>
</html>
接下来的挑战是让黑匣子在所有边缘显示25像素的填充，而页面不会变得足够大，以至于需要滚动条.