divのデフォルトの高さが計算結果と異なる

Question

divを含むWebページがあります。このWebページには、認証されたユーザーのみがアクセスできます（部門にはアカウント/ログアウトボタンがあります）。ユーザーが認証されていない場合は、固定高さの緑の棒だけです。 font-sizeは、11ptであり、上下に詰め物は、0.25emです。しかし、divのheightを1.5emに設定すると短すぎます。正確には0.25emである。だからdivのheightを1.75emに設定すると、ピクセル完全です。

なぜ高さが予想よりも大きくなければならないのですか（1em（11pt）+上下の0.25emは1.5emです）。

私が持っているCSSコードは

#navbar 
{ 
    clear:both; 
    overflow:hidden; 
    background-color: #006633; 
    font-size: 11pt; 
    height: 1.75em; 
} 

#navbarItems 
{ 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    float: right; 
} 

.navbarItem 
{ 
    display: block; 
    float: left; 
    padding: 0; 
    margin: 0; 
} 

.navbarItemLink 
{ 
    display:block; 
    color: #ffffff; 
    text-decoration: none; 
    text-align: center; 
    padding: 0.25em; 
    font-size: 11pt; 
} 

で、HTMLは、あなたの行の高さは、間に余分なピクセルを

<div id="navbar"> 
    <ul id="navbarItems"> 
     <li class="navbarItem"><a href="editAccount.aspx" class="navbarItemLink">ACCOUNT</a></li> 
     <li class="navbarItem"><a href="Logout.aspx" class="navbarItemLink">LOGOUT</a></li> 
    </ul> 
</div> 

Answer 1

追加されています。 あなたのナビゲーションバーに