为什么我a标签内嵌img,给a标签设置向左浮动,然后效果显示出来之后,a标签不从父层div的行首开始排列?

大致结构是这样的

<style>
       //父层div
    div{
        display: block;
        position: relative;
        float: none;
        width: 100%;
        height: 240px;
        margin: 0;
        padding: 0;
        background-color: #282828;
        border-top: 1px solid #666666;
    }
    a{
        display: block;
        position: relative;
        float: left;
        width: 170px;
        height: 170px;
        margin: 34px 36px 34px 34px;
        padding: 0;
        left: 0;
    }
    a img{
        height:100%;
        width:100%;
        }
</style>
    <div>
    <a><img></a>
    <div></div>
    <div></div>
</div>

宽高都正常但是不是从行首开始排列的（已经将a标签的margin值算在里面了）

父层div：

a标签：

想不出是什么原因，在网上也没查到相关解答，我试过把float:left;属性去掉， 这样就会从行首开始了，但不是我要的效果。
而且我也没有前面其他元素进行浮动来影响了a标签的排列位置。
拜求各位大神解答！
谢谢

---

你的大致代码跑出来是正常的，在最左边。所以一定是还有别的节点影响了它的位置

---

left:0