流體寬度Suckerfish的兒子下拉菜單

Question

對於CSS下拉菜單，我通常堅持使用Son of Suckerfish下拉菜單。這項技術工作得非常好，但總有一件事情讓我困擾：下拉鍊接的寬度始終是固定的。

有沒有什麼方法可以自動調整Suckerfish下拉菜單中項目的寬度？如果沒有，是否還有其他基於CSS的下拉菜單策略可以實現這一點？

Answer 1

由於li元素是ul元件內部float版，它們需要具有設定寬度等於所述ul元件。否則，他們都會在同一條線上。固定的寬度迫使每個人跳到下一行。

例子：http://jsfiddle.net/ZhguL/3/

如果你願意，你可以使用jQuery或只是簡單的JavaScript來計算每個ul最長的菜單項的寬度，並設置每個li和ul的寬度，這個這個值。

Answer 2

不一定。如果將輔助列表項目設置爲向左清除，則它們將堆疊在彼此之上。

然而，那裏的問題是，如果你想改變懸停時的背景顏色，你必須設置一個固定的寬度，否則你將有不同寬度的列表項。

但是，如果您不必更改BG顏色，那麼這是一個很好的方法來保持流暢。

Answer 3

看看這個頁面，它幫了我一個忙。 你可以做到這一點，而不使用js。 http://www.pmob.co.uk/temp/dropdown-all-fluid.htm