對(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é)果卻是這樣的：

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

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