为什么 div 的高度至少不是其中图像的高度？答案

【问题标题】：Why is the height of a div not at least the height of an image inside it?为什么 div 的高度至少不是其中图像的高度？
【发布时间】：2013-07-25 23:03:39
【问题描述】：

为什么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/

【问题讨论】：

您的 HTML 无效。（过时的）高度属性采用整数或百分比。它不需要 CSS 长度，因此不应将 px 作为值的一部分。
我认为这个问题不应该被 IMO 否决。他们努力提供小提琴。
提供指向另一个站点上示例代码的链接是一件有用的事情，但问题不得依赖于该其他站点才能被理解。
Full Height Image的可能重复

标签： html css

【解决方案1】：

仅给出您在问题中提供的代码：确实如此。

您链接到的代码不同。 div 在样式表中定义了明确的高度，并且优先。

【讨论】：