Question

这可能是一个简单的问题，但我正在努力。我认为这与漂浮物有关，但如果我能清除漂浮物或左对齐其余物品，我会感到困惑。

如何让“登录”列表项位于右侧，其他所有内容都位于左侧？

这是我的代码：http://jsfiddle.net/spadez/kYfNB/21/

我的HTML在这里：

<div id="container">
    <div id="header" class="inner">
        <h1><a href="index.html">Admin</a></h1>
        <ul>
            <li><a href="jobs.html">Item</a></li>
            <li><a href="sites.html">Item</a></li>
            <li><a href="feeds.html">Item</a></li>
            <li><a href="feeds.html">Login</a></li>
        </ul>
    </div>
</div>
<div id="content" class="inner">
     <h1>Add</h1>
</div>

Answer 1

由于登录是最后一项，您可以使用:last-child将最后一个li元素浮动到右侧。

UPDATED EXAMPLE

#header ul li:last-child {
    float: right;
}

但是，这需要您移除#header ul上的浮动。变化：

#header h1, #header ul, #header ul li {
    float:left;
}

为：

#header h1, #header ul li {
    float:left;
}

右对齐列表项

1 个答案: