HTML＆CSS左側和右側項目的水平菜單

Question

我正在HTML + CSS中構建水平菜單。目前的結果是好的，除了我想在左邊有一些項目，其他的在右邊。我在Google上找不到有用的結果，所以我在問這個問題。

這裏是我到目前爲止的代碼：

#menu 
{ 
    background-color: #383838; 
    height: 65px; 
    margin-bottom: 20px; 
} 

#menu ul li 
{ 
    float: left; 
} 

<div id="menu"> 
    <ul> 
     <li>Link 1</li> 
     <li>Link 2</li> 
     <li>Link 3</li> 
    </ul> 
</div> 

我想有右側鏈接3，所以鏈接2和3之間的空間應在最大填充。我不希望填充<li>標籤，而是將類應用到左側的最後<li>或右側的第一個<li>。不想調整寬度，因爲我在鏈接上懸停了背景顏色變化的效果。我想保證金或填充應該做的伎倆，但我無法設法找到如何。

任何線索？

Answer 1

您是否嘗試過將float: right;樣式應用於<li>Link 3</li>元素？