图片不能放到相应的方框中

问题遇到的现象和发生背景

我已经将图片放到了div标签里面，但效果图中图片却没有出现在方框中

问题相关代码，请勿粘贴截图

<div id="low">
                <img src="img/loadimg.jpg"/>
                <div id="zc">
                    <div class="div1">
                        <span id="font1">
                            1号店用户登录<a href="#">注册账号</a>
                        </span>
                    </div>
                    <div class="div2">
                        <div class="in1">
                            <img src="img/userHead.png"/>
                        </div>
                    </div>

                </div>
            </div>

#low{
                clear: left;
                width:1312px;
                height:590px;
                border: 1px red solid;
                background-color: #FCFCFC;
                }
            #low img{
                margin-left: 260px;
                float:left;
                }
            #zc{
                width:330px;
                height:330px;
                border:1px blue solid;
                float:left;
                margin-top:95px;
                margin-left: 50px;
                
            }
            #font1 a{
                text-decoration:none;
                margin-left: 120px;
            }
            .div1{
                width:320px;
                height:20px;
                border:1px red solid;
            }
            .div2{
                width:326px;
                height:55px;
                border:1px red solid;
            }
            .in1{
                width:53px;
                height:53px;
                border:1px blue solid;
                
            }
            .in1 img{
                width:51px;
                height:51px;
                float:left;
                
            }

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

将图片放到对应的方框中

这里有个margin-left

图片没有设置宽高。给图片设置height:100%;试试

因为你给了外边距所以在框外了，把外边距去掉就可以了。

#low img{
     float:left;
  }