Html 图像溢出了css中的其他div元素

我正在学习CSS的基础知识，但不明白这一点。为什么image比他所在的div类更大。Div类指定了宽度和高度，但无论如何，image要大得多

html代码如下所示

<div id="logo"><a <%= link_to image_tag ('ecotechno_logo.png'), %></a> </div> 

我在这方面是新手，所以任何帮助都将不胜感激

---

：）谢谢

您还需要设置图像的宽度和高度

比如：

#logo img { width:100px;height:100px; }

---

请随意将“100px”更改为所需的图像大小

您还需要设置图像的宽度和高度

比如：

#logo img { width:100px;height:100px; }

---

请随意将“100px”更改为所需图像的大小

将图像url添加到以下格式的img标记：

<img src="" alt="" />

---

您必须在图像上而不是在div上指定宽度和高度。您可以在css或元素本身上指定宽度和高度。

将图像url添加到格式为的img标记：

<img src="" alt="" />

---

您必须在图像上而不是在div上指定宽度和高度。您可以在css或元素本身上指定宽度和高度。

如果您希望图像被截断，请使用

overflow: hidden

在父容器中

如果不希望图像缩放到容器宽度，请使用

#logo {width: 268px;}
#logo img { width: 100%}

---

如果希望图像被截断，请使用

overflow: hidden

在父容器中

如果不希望图像缩放到容器宽度，请使用

#logo {width: 268px;}
#logo img { width: 100%}

---

您需要修改html代码

 <div id="logo"><%= link_to image_tag ('ecotechno_logo.png'), '#' %></div>

---

您需要修改html代码

 <div id="logo"><%= link_to image_tag ('ecotechno_logo.png'), '#' %></div>

---

使用以下代码：

HTML

---

使用以下代码：

HTML

---

设置为div，在css中，

溢出：隐藏以及图像的宽度和高度，在css或img标记中
 设置为div，在css中，
溢出：隐藏以及图像的宽度和高度，在css或img标记中
 
是否溢出：隐藏所需内容或缩放图像？
是否溢出：隐藏所需内容或缩放图像？谢谢，成功了，我将在8分钟后接受回答：）但如何确保图像的正确纵横比。因为现在看起来很恐怖。它可以使用CSS来完成，或者我必须创建调整大小的图像，然后只使用.logo img{width:auto；height:auto；}？关于div#logo大小，您可以设置width:100%；身高：100%；为了安全起见，您还可以添加display:block；谢谢，它成功了，我将在8分钟后接受回答：）但我如何才能保证图像的正确纵横比。因为现在看起来很恐怖。它可以使用CSS来完成，或者我必须创建调整大小的图像，然后只使用.logo img{width:auto；height:auto；}？关于div#logo大小，您可以设置width:100%；身高：100%；为了安全起见，您还可以添加display:block；