css li高度不適合外部div

我正在嘗試創建菜單面板。 here是我的菜單。正如你可以看到li的高度不適合menu div的高度。我已經爲兩者設置了相同的高度，但它似乎有一些底部的餘量。我想要li填充菜單高度。css li高度不適合外部div

感謝您的幫助

這樣的： menu

這裏我的代碼

CSS：

.menu{ 
height:30px; 
width:780px; 
background-color:#09F; 
} 
.menu ul{ 
float:left; 
list-style:none; 
margin-top:0px; 
height:30px; 
} 
.menu ul li{ 
margin-left:15px;height:30px;background-color: #ccc;display:inline; 
} 
.menu ul li a{ 
text-decoration:none; 
}

HTML：

<div class="menu"> 
<ul > 
<li><a href="#">Create Account</a></li> 
<li><a href="#">Change Account</a></li> 
</ul> 
</div>

來源

2012-01-05 sampathpremarathna

的感謝！如果它已經解決了問題，則將其標記爲答案，這將有助於快速解決問題。 – Murtaza 2012-01-05 13:25:46

:) ..它不允許我點擊接受當時，我不得不關閉趕上巴士... – sampathpremarathna 2012-01-05 16:03:51

你只需要改變你的CSS有點

.menu ul li { 
    margin-left:15px; 
    height:30px; 
    background-color: #ccc; 
    display:inline-block; 
    float:left; 
}

變化display:inline到display:inline-block

來源

2012-01-05 11:53:35 Murtaza

ohhhh上帝.....！ – sampathpremarathna 2012-01-05 11:57:33

css li高度不適合外部div

回答

相關問題