使用css对齐菜单中的单个按钮

我在一个网站上工作，多年来一直在尝试创建一个菜单，左侧有常规按钮，右侧有一个单一按钮。看来不管我怎么做都没用！这是一个基本的

ul-li

，有一些风格和浮动，但无论我怎么尝试，我都不能将一个

li

移到右边，我该怎么办？谢谢

您可以使用列表元素上的

绝对位置

从流中取出项目并将其放在右侧

.menu { overflow: hidden; position: relative; }
.menu li { float: left; list-style: none outside none; margin: 0 2px; }
.menu a { display: block; background: #333; color: #fff; padding: 3px 5px; }

.menu .standout { right: 0; position: absolute; } // remove item from flow and put it on the right

---

下面是一个可以帮助您进一步了解的示例。

再加上Mike的答案，这会更好，因为不需要将其定位为绝对位置，因为您已经在其上使用了浮动，您只需将一个元素向右浮动即可

.menu { overflow: hidden; position: relative; }
.menu li { float: left; list-style: none outside none; margin: 0 2px; }
.menu a { display: block; background: #333; color: #fff; padding: 3px 5px; }

.menu .standout { right: 0; position: absolute; } // remove item from flow and put it on the right

HTML:

---

非常感谢你！我甚至不知道我做了什么不同的事，但它是有效的。关于这个问题我还有一个问题，如果你愿意的话，我需要一些帮助。在主页中，我希望整个菜单放置在页面的中间，以及固定在顶部的其他页面。我试着用div，但似乎不起作用。有什么建议吗？没问题，如果你能标记为已接受，那就太好了：）至于调整菜单中间位置，请先尝试一些研究，如果你真的很挣扎，请创建一个新问题，并链接到此处哦，你是对的，对不起，我是新来的：谢谢你的帮助！它似乎工作了一段时间，然后变得一团糟，我不知道为什么。

.menu li {float:left;}
.menu a {display: block; background: #333; color: #fff; padding: 3px 5px; margin: 0 2px;}
.menu .standout { float:right; }