Html 窗口较大时，图像不在div内

我有一个图像需要放在一个特定的位置，所以我在我需要它的地方做了一个

div

，并在它里面添加了一个

img

标签，但是尽管

img

标签在

div

标签里面，但图像会进入页面的右下角。当浏览器窗口很小时，不会发生这种情况

CSS:

#teamimg {
    width:10%;
    height:50px;
    background-color:blue;
    overflow: auto;
    float:left;
}

<div id="teamimg">
<img src="Images/picture.png" alt="Image" height="18" width="20" class="itemImg" style="float:left">
</div>

HTML:

#teamimg {
    width:10%;
    height:50px;
    background-color:blue;
    overflow: auto;
    float:left;
}

<div id="teamimg">
<img src="Images/picture.png" alt="Image" height="18" width="20" class="itemImg" style="float:left">
</div>

在

#teamimg

规则上设置

溢出：隐藏

，然后您可以将图像作为

背景图像

，背景大小：封面：）

您可以使用position:absolute或fixed，也可以使用JSFiddle:）你发布的代码运行良好，所以我想问题在于你没有发布的代码。演示问题的实时代码片段（或者相当于JSFIDLE）会很有帮助。