圖標太低吧

Question

我有一個簡單的網站（tristantrouwen.com）。它在頂部有一個酒吧，有3個圖標。其中1個需要離開。另外兩個是正確的。但是右邊的兩個圖標比左邊的低。

HTML：

<div class="icon-menu"> 
    <div class="click"><i class="material-icons md-36">menu</i></div> 
    <div data-toggle="modal" data-target="#loginModal" aria-hidden="true"><i class="material-icons md-36 icons-right">exit_to_app</i></div> 
    <div data-toggel="modal" data-target="#signUpModal" aria-hidden="true"><i class="material-icons md-36 icons-right">person_add</i></div> 
</div> 

CSS：

.icons-right { 
    float: right; 
} 

這就是問題所在：

我想聽聽我怎樣才能得到這些圖標有點高。

Answer 1

您需要先列出浮動的div：

<div> 
    <div class="icons-right">...</div> 
    <div class="icons-right">...</div> 
    <div>...stuff on the left</div> 
</div> 

如果你把它們經過「左」的內容，他們會浮到右側之後，「左」的div飾面。首先將它們放在DOM中會將它們浮動到該「左」div的開始的右側，這是它的頂部邊緣。