向右浮动菜单栏的最后一项

Question

我正在尝试将菜单栏中的最后一项 like here 浮回到我的 wordpress 中，但我无法管理它以使其工作。有没有实用的方法来做到这一点？

li:nth-last-child(1) {
    float: none;
    display: inline-block;
}

Answer 1

就在我的头顶，我会尝试绝对定位。

li:nth-last-child(1) {
position: absolute;    
top:0;
right:0;
display: inline-block;
}

你可能会发现 absolute 会破坏文档的流动，所以实际上，给你的左上角留一些填充，或者如果你像我一样懒惰......我做到了：

li:nth-last-child(1) {
position: absolute;    
top:0.5em;
right:0.5em;
display: inline-block;
}