HTML＆amp; CSS水平菜单，左侧有项目和对

Question

我正在HTML + CSS中构建一个水平菜单。目前的结果很好，除了我想在左边有一些项目，在右边有其他项目。我在Google上找不到有用的结果，因此我会问SO。

到目前为止，这是我的代码：

#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>

我想在右边有Link 3，所以链接2和3之间的空间应该最多填充。我不想要填充<li>标记，而是将类应用于左侧的最后一个<li>或右侧的第一个<li>。不要像我一样调整宽度：在链接上悬停背景颜色改变效果。我认为边距或填充应该可以解决问题，但我无法找到方法。

有任何线索吗？

Answer 1

您是否尝试将float: right;样式应用于<li>Link 3</li>元素？