更改最後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項的浮點數

回答

相關問題