Html 如何将图像添加到固定导航栏？

我想在固定导航栏中添加一个大于其高度的图像。如何将图像放入其中并添加边框而不将其切断。我希望图像也被修复

---

设置图像的高度，浏览器将自动设置成比例的宽度

           <img src="images/myimage.jpg"  height="50px" />

---

这里我放了50px，使用导航栏中适合的任何东西

请阅读@Quentin你是说使用jsfiddle是个坏主意吗？你指出的链接是否也适用于JSFIDLE（也适用于随机的用户特定网站……这是答案的重点）不，使用JSFIDLE是个好主意。如果JSFIDLE消失了，就不可能理解这个问题，这不是一个好主意。。。虽然链接指向一个特定的简化问题（不是整个站点），但是没有链接这个问题就没有意义。如果OP可以澄清他们希望图像如何定位在条内，那将非常有用。在左侧对齐。我不想让它被剪掉。我不想整个酒吧被调整大小，只是图像，使其伸出酒吧类似于这个和

           <img src="images/myimage.jpg"  height="50px" />