浮動不按預期方式工作

Question

我有一個導航盒，儘管浮動設置爲正確，但「聯繫」元素未完全右對齊。

<div id="navwrapper"> 
    <ul> 
     <li class="single">Home</li> 
     <li class="double" id="left">About</li> 
     <li class="double" id="right">Contact</li> 
     <li class="single">Book</li> 
    </ul> 
</div> 

而CSS

#right { 
    float:right; 
} 

的其他問題似乎表明交換左，右元件在取得預期的效果，但沒有奏效。

jsFiddle

Answer 1

你被你的ul元素失蹤overflow:hidden。

檢查此working jsFiddle。

overflow:hidden建議浮動元素的父項。它迫使我相信你正在尋找margin但在零下位置，例如父環繞所有的人，從而防止怪異的行爲，您所遇到..

Answer 2

：

#right { 
float: right; 
margin: 0 -3px 0; 
} 

將修復您的問題

小提琴：http://jsfiddle.net/TQFzS/4/