2011-09-19 15 views
4

我已經菜單,快魚jQuery插件http://users.tpg.com.au/j_birch/plugins/superfish如何刪除快魚菜單UL和家長格之間的間距

提出,但我有一些問題是,它被添加填充當我在Firefox,Chrome和IE瀏覽我的網頁:

enter image description here

這裏是的jsfiddle樣品http://jsfiddle.net/YsG97/2/ 可能有人會提出如何刪除快魚菜單UL和頭之間的div這個距離?

並且我有一件奇怪的事情,我非常地發現,如果我在菜單結束標記後面加上</ul>&nbsp;它在Firefox中固定間距,不知道爲什麼。可能有人會解釋一下嗎?

+0

即超級怪異。我通過刪除superfish.css然後設置'.sf-menu div {float:none; }'..但顯然你_need_的superfish.css,並沒有與它包括.. – Kyle

+0

@Kyle Sevenoaks目前我正試圖使其工作沒有該CSS,但有彈出ul的問題 – jason

+0

HTTP:///jsfiddle.net/Kyle_Sevenoaks/YsG97/3/看到它,因爲你喜歡這裏_without_包括超級菜單css。 – Kyle

回答

5

在這裏你去:。

#menucontainer { 
    ... 
    vertical-align: top; 
} 

現場演示:http://jsfiddle.net/YsG97/5/

#menucontainer DIV具有display: inline-block集,這有效地使得它的內聯元件內聯元件AR。 e。通過默認對準到基線,這意味着將有下面這些空間(基線和下降部之間):

http://vidasp.net/media/CSS-vertical-align.gif

+0

當然。那裏有很棒的工作:) – Kyle

+0

你無法想象我花了多少時間才能使它工作,而且我做了,但有點另一種方式。無論如何,我正在回滾使用'vertical-align:top;'而不是像你所說的那樣,它正在爲我工​​作。 – jason

1

如果您在關閉ul標記之後添加清除元素,它將匹配到底部。有一個與彩車的問題,不知道是什麼問題,但是這與在#menucontainer DIV增加的高度修復它(儘管

See here