用百分比设置图片的高宽

在http://www.w3cschool.cn/t8640.html?f=csse_dim_height_percent

网站上看到这个例子，不明白为什么图片高度50%反而比原图要大。

查阅资料后，原因如下：

百分比是相对于父元素的，例子中父元素的高度是多少图片的高度就是其的50%，这样一来就明了了。

谢谢：http://www.web589.com/posts/1189.html