<!DOCTYPE html>
<html>
<head>
<title>magin为百分比</title>
</head>
<style type="text/css">
div{
margin:10% 5%;
}
</style>
<body>
<div>
<p>div</p>
</div>
</body>
</html>
代码很简单，那么div的外边距是多少呢？百分比相对于那里说呢？
我们可以把浏览器的窗口设置为1000px，通过调试器可以看到div的4个外边距为100px；说明外边距设置为百分比是相对于盒子的宽度而言的，而非10%相对于宽度，5%相对于高度。
这是因为div窗口的高度随着文档内容的增加一直在改变，而宽度是一定的。