在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 行內(nèi)元素如a設(shè)置為浮動后，會自動成為塊級元素顯示嗎

行內(nèi)元素如a設(shè)置為浮動后，會自動成為塊級元素顯示嗎

<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是一個行內(nèi)元素，給它設(shè)置了浮動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又顯示有效果了。

是不是給行內(nèi)元素設(shè)置了浮動以后，它自動就成了塊級元素。

回答
編輯回答
淡墨

給a標(biāo)簽加float會變成行內(nèi)塊元素，并不是完全的塊元素

2017年4月12日 17:09