我很困惑为什么网站标志没有显示在这个网站上:
理想情况下，我希望 Logo 向左浮动，网站名称显示在 Logo 右侧，导航链接向右浮动。然而，无论我尝试过什么， Logo 最终高度为 0，根本不显示(是的，它存在于网站上)。
关于如何修复 CSS 以正确设置这 3 个元素的样式有什么想法吗？
谢谢， 马特
最佳答案
您正在使用 <img href"">使用 <img src=""> 而不是正确的图像标签.在您的情况下，您应该将其更改为:
<img src="/images/FlyingOrigami_03.png">
阅读有关如何使用 <img> 的更多信息Mozilla Developer Network 上的元素.
当然，您随后需要删除无关的 CSS 规则，例如:img.site-headerimg { width: 100%; } ，这会将 Logo 拉伸(stretch)到屏幕的整个宽度。
关于html - 高度为 :auto ends up with computed height of zero 的图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26826462/