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

不一定。如果将次列表项设置为clear left，则它们将堆叠在一起。

然而，这里的问题是，如果你想在悬停时改变背景颜色，你必须设置一个固定的宽度，否则你会有不同宽度的列表项。

但是，如果你不需要改变BG的颜色，这是一个很好的方式来做到这一点，并保持事物的流动性。

Answer 3

看看这一页，它帮了我大忙。不使用js也可以做到这一点。http://www.pmob.co.uk/temp/dropdown-all-fluid.htm