html - 命令各种元素 float 在右边

我有一个标题，其中导航栏向右浮动，并且注销图像也必须向右浮动，位于导航栏的右侧。

即使两者都向右浮动，bar始终排在最后，应该用于注销图像。

这是一个工作示例（以“ X”作为注销图像）：http://jsfiddle.net/c2ccB/

建立HTML，首先定位导航栏，然后定位注销图像：

<nav class="nav">
    <ul>
        ...........

    </ul>
</nav>
<div class="logout"></div>

而且Style都具有浮动权（有关扩展的样式版本，请参见jsfiddle）：

nav{
    float: right;
    background: -webkit-linear-gradient(bottom, #DFDFDF , white 80%);
    border-radius: 5px;
    border:  1px solid #9F9D9D;
    margin: 42px 80px 0 0;
}

.logout{
    background-image: url(images/logout.png);
    height: 50px;
    width: 50px;
    float: right;
}

最佳答案

如果您不想更改html元素中的顺序，另一种选择是将它们仅包装在带有<div>的float:right;中，然后将各个元素更改为float:left;

这是一个小提琴：fiddle

关于html - 命令各种元素 float 在右边，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22635549/