行内元素如a设置为浮动后，会自动成为块级元素显示吗

Question

<style>
.jf-header-box {
    width: 1100px;
    height: 50px;
    margin: 0 auto;
    background-color: #3a5795;
}
.jf-no-login-box {
    float: right;
}
.jf-login-user-img {
    float: left;
    margin: 6px 20px 0 0;
}
.jf-login-user-img img {
    width: 40px;
    height: 40px;
}
</style>
<div class="jf-header-box">
    <div class="jf-no-login-box">
        <a href="#" class="jf-login-user-img">
            <img src="http://jfinal.com/upload/avatar/18/93704.jpg">
        </a>
    </div>
</div>

这里a是一个行内元素，给它设置了浮动float: left，margin显示有效果。

如果注释float: left，边距效果就没有了。

此时，把<a href="#" class="jf-login-user-img"><img src=""></a>改为<div class="jf-login-user-img"><a href="#"><img src=""></a></div>，margin又显示有效果了。

是不是给行内元素设置了浮动以后，它自动就成了块级元素。

Answer 1

给a标签加float会变成行内块元素，并不是完全的块元素