如何将列表对齐到右上角？

Question

如何将列表对齐到右上角？如何将列表对齐包含它的div的右上角？浮动会起作用吗？

HTML

<div id="wall">
<ul>
<li><a href="Login.html">Login</a></li>
<li><a href="signup.html">Signup</a></li>
</ul>
</div>

CSS

#wall{
position:relative;
}

#wall ul li {
list-style:none;
margin-right:50px;
position:absolute;
top:0;
right:0;
}

Answer 1

将position:relative应用于父div。为列表应用以下样式后。

.list{
position:absolute;
top:0;
right:0;
}

修改

感谢Manwal添加了jsfiddle。

DEMO

Answer 2

是的，使用float: right会有效。 <{3}}或http://jsfiddle.net/k0r1dj10/1/，有多个下拉列表。

此外，可能更好的方法是将外部div设置为position: relative以及将内部div设置为position: absolute和top: 0以及right: 0。 http://jsfiddle.net/k0r1dj10/6/

要以relative方式使用多个div，您必须使用另一个父div。这要求你知道宽度。 http://jsfiddle.net/k0r1dj10/3/

Answer 3

更改li的顺序，然后使用float:right; - DEMO

<强> HTML

<div id="wall">
<ul>
<li><a href="signup.html">Signup</a></li>
<li><a href="Login.html">Login</a></li>
</ul>
</div>

<强> CSS

#wall{
position:relative;
}

#wall ul li {
list-style:none;
margin-right:50px;
position:relative;
float:right;
}

Answer 4

试试这个：

DEMO

CSS：

        #wall{
position:absolute;
top:0;
right:0;
}

HTML：

<div id="wall">
<ul>
<li><a href="Login.html">Login</a></li>
<li><a href="signup.html">Signup</a></li>
</ul>
</div>

Answer 5

.left_box1 {
    width: 50px;
    height: 50px; 
    padding-top: 10px;
    text-align: right;

}