Question

我有浮动问题。我在做导航栏。它应该与左浮动内联，最后一项必须在行尾（右浮动）。

我试过保留左边但不好......

ul {
 position: static;
 list-style-type:none;
 margin-left:150px;
 margin-top: 11px;
 padding:0;
 overflow:hidden;
}

ul  li{
 float: left;
 margin-left: 30px;
}

ul li a{
 color: inherit;
 text-decoration: none;
 height: 72px;
 font-weight: bold;
 font-size: 19px;
 }

 ul li:last-child a{
  position: relative;
  margin-right: 0%;
 }

Answer 1

你应该浮动这最后一项，简单如下：

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

JSfiddle：http://jsfiddle.net/PhilippeVay/eLLa4/（当我没有看到它们在这个小提琴中有用时，删除了所有额外的声明，比如没有移动顶部，右侧，底部或左侧的孩子的相对位置...... 。）

完整的CSS：

ul {
 list-style-type: none;
 margin-left: 150px;
 margin-top: 11px;
 padding: 0;
 overflow: hidden;
}

ul li {
 float: left;
 margin-left: 30px;
}
 ul li:last-child {
  float: right;
}

ul li a {
 color: inherit;
 text-decoration: none;
 height: 72px;
 font-weight: bold;
 font-size: 19px;
}

Answer 2

尝试：

ul li:last-child{
    position: relative;
    margin-left: 0%;
}

DEMO here.

Answer 3

最后<li> float: right：

http://jsfiddle.net/YDAkV/

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

Answer 4

谢谢。我看到我的问题是：ul li：last-child a {}

度过愉快的一天;）

更改最后一个ul项的浮动

4 个答案: