元素總是在清除浮動左

Question

請看看這個小提琴短期項目：http://jsfiddle.net/FnED8/3/

右邊的項目，電網項目在左邊，一旦他們通過了第一排，我想要的物品的#nav元素下面總是很清楚在權利總是保持一致，永遠不會清晰。很明顯，我可以將#nav的高度設置爲1000px之類的大小，並獲得理想的結果，但這不是答案。

本質上我想#nav是100％的高度和#projects尊重這一點，永遠不會在下面清楚，總是住在旁邊。

編輯 - #projects是90％的寬度使網格半流體，這應該不會影響這個問題。

Answer 1

一個可能的解決方案是在#projects-grid元素上設置display: inline-block。但請記住，您需要調整寬度，因爲90％太寬而不適合#nav旁邊。

Updated Fiddle

Answer 2

使項目網這樣的： -

#projects-grid { 
    float: left; 
    width: 300px; 

} 

http://jsfiddle.net/FnED8/4/

或者任何寬度你喜歡。 Matt

Answer 3

這是你要實現的目標是什麼？ http://jsfiddle.net/thebabydino/FnED8/7/

爲#projects網格設置一個合適的左邊距，然後去掉90％的寬度。

#projects-grid { 
    margin-left: 174px; 
}