html - 高度为 :auto ends up with computed height of zero 的图像

Question

我很困惑为什么网站标志没有显示在这个网站上:

http://www.rainbowwings.org

理想情况下，我希望 Logo 向左浮动，网站名称显示在 Logo 右侧，导航链接向右浮动。然而，无论我尝试过什么， Logo 最终高度为 0，根本不显示(是的，它存在于网站上)。

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

谢谢，马特

Answer 1

您正在使用 <img href"">使用 <img src=""> 而不是正确的图像标签.在您的情况下，您应该将其更改为:

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

阅读有关如何使用 <img> 的更多信息Mozilla Developer Network 上的元素.

当然，您随后需要删除无关的 CSS 规则，例如:img.site-headerimg { width: 100%; } ，这会将 Logo 拉伸(stretch)到屏幕的整个宽度。