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

鍍金池/ 問(wèn)答/HTML5  HTML/ 浮動(dòng)也有優(yōu)先級(jí)么?

浮動(dòng)也有優(yōu)先級(jí)么?

對(duì),又是我,上次犯了最低級(jí)錯(cuò)誤的那個(gè)。
問(wèn)題是這樣的:
想在三個(gè)a標(biāo)簽中間放置兩個(gè)豎線,類似導(dǎo)航條的那樣,在我設(shè)置好樣式之后,卻發(fā)現(xiàn)充當(dāng)豎條的兩個(gè)<div>浮動(dòng)到了a標(biāo)簽的前面,什么鬼!
下面是我的樣式及html:

<footer id="footer">
        <a class="btn" id="home" href="javascript:;"></a>
        <div class="line"></div>
        <a class="btn" id="share" href="javascript:;"></a>
        <div class="line"></div>
        <a class="btn" id="get" href="javascript:;"></a>
    </footer>

 .btn{
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100px;
    height: 100%;
}
.line{
    display: block;
    float: left;
    width: 1px;
    height: 30px;
    background-color: black;
    transform: translateY(20px);
    margin: 0px 20px;
    padding: 0px;
}

結(jié)果卻是這樣的:

clipboard.png

請(qǐng)問(wèn)這是什么問(wèn)題呢?在此拜謝了!

ありがとうございました。

回答
編輯回答
過(guò)客

float 會(huì)脫離文檔流,相當(dāng)于飛起來(lái)了 :) 可以嘗試用 border-right

2017年3月7日 14:27
編輯回答
尋仙

先說(shuō)答案: a標(biāo)簽也需要設(shè)置浮動(dòng)。
這個(gè)很好理解,甲和乙都在排隊(duì),甲擋在乙前面,乙為了插隊(duì)就飛到甲前面去了,此時(shí)甲只能眼睜睜看著乙。但甲肯定不愿意啊,所以甲也要飛,繼續(xù)擋在乙前面。

2017年3月25日 22:53
編輯回答
未命名

別這么寫(xiě),你可以看看別人的網(wǎng)站或博客,學(xué)習(xí)一下別人的代碼

2017年12月13日 10:45