html - div の高さが少なくともその中の画像の高さではないのはなぜですか?

Question

div の高さが、その中の画像のように 400px ではないのはなぜですか?

<div>
    <img height ="400px" src="http://davidrhysthomas.co.uk/img/dexter.png" />
</div>
<span>
    <img height ="100px" src="http://davidrhysthomas.co.uk/img/mandark.png" />
</span>

http://jsfiddle.net/ZB3QD/28/

Answer 1

質問で提供したコードのみを考えると、そうです。

リンク先のコードが異なります。div にはスタイルシートで定義された明示的な高さがあり、それが優先されます。