div设置浮动之后整个div向下移动了一些。为什么？

Question

#test1{
    height: 80px;
    width: 80px;
    background-color: black;
    color:white;
 
    padding:5px; 
     
    border:10px solid;
    border-top-color: red;
    border-right-color: green;
    border-bottom-color: blue;
    border-left-color: yellow;    
 
    margin:10px;
 
    line-height: 80px;
    text-align: center;
    /* float: left; */

这个div我添加了float:left之后，感觉整个位置向下移动了一点距离。