【发布时间】：2010-09-04 23:09:09
【问题描述】：
对于 CSS 下拉菜单，我通常坚持使用 Son of Suckerfish 下拉菜单。该技术效果非常好，但有一件小事一直困扰着我：下拉链接的宽度始终是固定的。
有没有办法自动调整 Suckerfish 下拉菜单中项目的宽度？如果没有，是否还有其他基于 CSS 的下拉菜单策略可以做到这一点？
【问题讨论】：
标签： javascript jquery html css suckerfish
【发布时间】：2010-09-04 23:09:09
【问题描述】：
不一定。如果您将二级列表项设置为清除左侧，则它们将相互堆叠。
然而，问题在于，如果您想更改悬停时的背景颜色，则必须设置固定宽度，否则您将拥有不同宽度的列表项。
但是，如果您不必更改 BG 颜色，这是一个很好的方法，可以保持流畅。
【讨论】：
因为li 元素在ul 元素内部是floated，所以它们需要具有等于ul 元素的设置宽度。否则，它们都将在同一条线上。固定宽度强制每个人跳到下一行。
示例：http://jsfiddle.net/ZhguL/3/
如果需要，您可以使用 jQuery 或纯 JavaScript 计算每个 ul 中最长菜单项的宽度，并将每个 li 和 ul 的宽度设置为此此值。
【讨论】：
-
我认为这是一个解决方案，但我希望尽可能避免使用 JavaScript。
看看这个页面，它帮助了我。 不用js也可以。 http://www.pmob.co.uk/temp/dropdown-all-fluid.htm
【讨论】：