使用HTML/CSS，我如何制作一个宽度和/或高度为其父元素的100%且仍具有适当填充或边距的元素？
所谓“恰当”，我的意思是，如果我的父元素是200px高，并且我指定height=100%，padding=5px，我会期望得到一个190px高的元素，其所有边的border=5px都在父元素的中心。
现在，我知道这不是标准盒子模型指定的工作方式（尽管我想知道为什么，确切地说……），所以显而易见的答案不起作用：
#myDiv {
width: 100%
height: 100%;
padding: 5px;
}
但在我看来，必须有某种方法能够可靠地为任意大小的父母产生这种效果。有人知道完成这项（看似简单）任务的方法吗？
哦，我对IE兼容性不是很感兴趣，所以（希望）这会让事情变得更容易。
编辑：既然有人要求举一个例子，这里是我能想到的最简单的例子：
<html style="height: 100%">
<body style="height: 100%">
<div style="background-color: black; height: 100%; padding: 25px"></div>
</body>
</html>
接下来的挑战是让黑框在所有边缘都显示25像素的填充，而页面不会增长到需要滚动条的程度。
