关于用百分比设置图片高度的一个小问题

当在使用了<!DOCTYPE  ｈｔｍｌ>申明了自己的文档类型的时候，然后用ｃｓｓ为自己的图片设置高度的时候，这个时候用百分比就不可用了，而奇怪的是宽度却是可以用的。图片的高度和原来的大小是一致的。

如果这个时候把<!ＤＯＣＴＹＰＥ　ｈｔｍｌ>去掉反而这个高度设置的是有效的了。我看网上说，一个是用怪异模式对这个文档进行解析的，而另一个是用HTML5的标准对这个文档进行解析的。但是出现这样的情况，具体是什么原因还要进一步的探索，所以我先放一个问题在这。