<!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窗口的高度随着文档内容的增加一直在改变，而宽度是一定的。
