更改最后ul项的浮点数

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

我试过利润率左但不是好...

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%; 
}

来源

2013-12-17 mia654321

就http://jsfiddle.net样本 –

你不需要'位置：静态的; ' –

use float：right for li：last-child – radha

你应该浮动此最后一个项目，简单的：

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; 
}

来源

2013-12-17 09:30:38 FelipeAls

我以为他只是需要最后一项成为最后一行..没有完全理解他的问题 – Ljubisa

尝试：

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

DEMO here.

来源

2013-12-17 09:31:27 Hiral

为最后<li>float: right则：

http://jsfiddle.net/YDAkV/

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

来源

2013-12-17 09:32:58

ŧ要你。我看到我的问题是：UL李：最后孩子{}

有一个愉快的一天;）

来源

2013-12-17 09:38:53 mia654321

您可能想接受下面的答案，因为有人指出并引导您发现该发现 – Doidgey

更改最后ul项的浮点数

回答

相关问题