使用float後列表的最後一個元素：right

Question

我正在嘗試創建最後一個元素位於右側的導航菜單。當我使用

float: right 

即元件略低，導航菜單的其他元素。爲什麼是這樣的，我該如何解決它？

這裏是我的CSS：

nav ul{ 
padding: 0; 
list-style: none; 
} 
nav ul li{ 
display: inline; 
padding: 5px 1em; 
} 
nav ul li:last-child{ 
float: right; 
} 

，並鏈接到的jsfiddle：如果添加了float:left;你的第一個元素https://jsfiddle.net/sLqnm8r5/

Answer 1

你的元素將正確對齊。 結賬Fiddle