Html 导航元图像'；t调整大小

我对html非常陌生，在调整图像大小时遇到了一个问题。我正在使用html5和css3。我想在导航栏的右侧放置一个徽标，但每次我调整它的大小时，它都会保持原来的大小

nav-ul{
列表样式：无；
保证金：0；
填充：0；
文本对齐：居中；
背景色：rgb（211,11,11）；
}
李国荣{
显示：内联；
}
.navlink:link，.navlink:visited{
显示：内联块；
宽度：120px；
字体大小：粗体；
颜色：rgb（255255）；
背景色：rgb（211,11,11）；
文本对齐：居中；
填充物：5px；
文字装饰：无；
文本转换：大写；
}
.navlink:悬停，.navlink:活动{
背景色：rgb（162,2,2）；
}
.navlink:第一个字母{
字体大小：250%；
}
导航{
位置：固定；
排名：0；
保证金：自动；
左：0；
右：0；
宽度：100%；
背景色：rgb（211,11,11）；
不透明度：0.8；
边框底部：白色薄固体；
z指数：1000；
明确：两者皆有；
}
#ucc_标志{
浮动：对；
高度：5px；
宽度：自动；
}

您正在将高度和宽度应用于#ucc_徽标，该徽标不会调整图像大小

您必须将css应用于图像本身

你可以

#ucc_logo img {
  width: 100%;
  height: 100%;
}

---

它将使图像的高度和宽度等于父元素

您调整了错误元素的大小。如果您想保持图像的纵横比正确，则需要对其应用css

此外，由于锚定标记和图像跟随UL，所以右浮动将把它放到下一行，而不是像我假设的那样保持在第一行（可能是错误的，也许你希望它在下一行）

nav-ul{
列表样式：无；
保证金：0；
填充：0；
文本对齐：居中；
背景色：rgb（211,11,11）；
}
李国荣{
显示：内联；
}
.navlink:link，.navlink:visited{
显示：内联块；
宽度：120px；
字体大小：粗体；
颜色：rgb（255255）；
背景色：rgb（211,11,11）；
文本对齐：居中；
填充物：5px；
文字装饰：无；
文本转换：大写；
}
.navlink:悬停，.navlink:活动{
背景色：rgb（162,2,2）；
}
.navlink:第一个字母{
字体大小：250%；
}
导航{
位置：固定；
排名：0；
保证金：自动；
左：0；
右：0；
宽度：100%；
背景色：rgb（211,11,11）；
不透明度：0.8；
边框底部：白色薄固体；
z指数：1000；
明确：两者皆有；
}
#ucc_标志{
浮动：对；
}
#ucc_标志img{
高度：5px；
宽度：自动；
}

Ahhh，非常感谢，我一直在集中精力找出高度/宽度不起作用的原因，但我忽略了一个明显的错误