高度为的图像：自动结束，计算高度为零

Question

我很难过为什么网站徽标没有在这个网站上显示：

http://www.rainbowwings.org

理想情况下，我希望徽标向左浮动，站点名称稍微偏移到徽标右侧，导航链接向右浮动。然而，无论我尝试过什么，徽标都会达到0高度并且根本不显示（是的，它存在于网站上）。

有关如何修复CSS以正确设置这3个元素样式的任何想法吗？

谢谢， 马特

Answer 1

您使用<img href"">而不是使用<img src="">的正确图片代码。在您的情况下，您应将其更改为：

<img src="/images/FlyingOrigami_03.png">

详细了解如何使用Mozilla Developer Network上的<img>元素。

当然，您需要摆脱无关的CSS规则，例如：img.site-headerimg { width: 100%; }，这会将徽标拉伸到整个屏幕的宽度。