html - 以下最简单的html中的百分比是什么意思？

Question

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#container 
{
  border: 1px solid red;
}
body
{
  outline: green solid 1px;
}
p.bottommargin 
{
  outline: green solid 1px;
  margin-bottom:1%;
}
</style>
</head>
<body>

<p>This is a paragraph with no margin specified.</p>
<div id="container">
<p class="bottommargin">This is a paragraph with a specified bottom margin.</p>
</div>
<p>This is a paragraph with no margin specified.</p>

</body>
</html>

显然，它既不是 the<p>也不<div>是 the<body>元素的 1%。那么，它是什么？

该示例可在此处获得 - http://jsfiddle.net/mark69_fnd/SJjaV/

谢谢。

附言

我对网络编程很陌生，所以如果我的问题真的很愚蠢，请原谅。