对于CSS下拉菜单，我通常会坚持使用Son of Suckerfish下拉列表。这项技术运作得非常好，但有一件小事总是困扰我：下拉链接的宽度总是固定的。
有没有办法在Suckerfish下拉菜单中自动调整项目的宽度？如果没有，是否有其他基于CSS的下拉菜单策略可以实现此目的？
答案 0 :(得分：2)
不一定。如果将辅助列表项设置为向左清除，则它们将堆叠在彼此之上。
然而问题是，如果你想在悬停时改变背景颜色，你必须设置一个固定的宽度，否则你将有不同宽度的列表项。
但是如果你不需要改变BG颜色，这是一个很好的方法来做到这一点，让事情变得流畅。
答案 1 :(得分：1)
由于li元素float元素在ul元素内ul，因此它们的设置宽度必须等于ul元素。否则，他们都将在同一条线上。固定宽度强制每个人跳到下一行。
示例：http://jsfiddle.net/ZhguL/3/
如果需要，您可以使用jQuery或纯JavaScript来计算每个li中最长菜单项的宽度，并将每个ul和{{1}}的宽度设置为这个值。
答案 2 :(得分：0)
看看这个页面，它帮助了我。 你可以不使用js来做到这一点。 http://www.pmob.co.uk/temp/dropdown-all-fluid.htm