对于 CSS 下拉菜单，我通常坚持使用Suckerfish下拉菜单。该技术效果非常好，但有一件小事一直困扰着我：下拉链接的宽度始终是固定的。
有什么方法可以自动调整 Suckerfish 下拉菜单中项目的宽度？如果没有，是否还有其他基于 CSS 的下拉菜单策略可以实现此目的？
问问题
1867 次
3 回答
2
不必要。如果您将二级列表项设置为清除左侧，则它们将相互堆叠。
然而，问题在于，如果您想在悬停时更改背景颜色，则必须设置固定宽度，否则您将拥有不同宽度的列表项。
但是，如果您不必更改 BG 颜色，这是一个很好的方法，可以保持流畅。
于 2011-01-11T23:46:51.300 回答
1
因为li元素在元素float内部ul，所以它们需要具有等于ul元素的设置宽度。否则，它们都将在同一条线上。固定宽度迫使每个人跳到下一行。
示例：http: //jsfiddle.net/ZhguL/3/
如果您愿意，您可以使用 jQuery 或纯 JavaScript 来计算每个菜单项中最长的菜单项的宽度，ul并将每个菜单项li的ul宽度设置为此值。
于 2010-09-04T23:12:30.933 回答
0
看看这个页面，它帮助了我。不用js也可以。 http://www.pmob.co.uk/temp/dropdown-all-fluid.htm
于 2013-02-22T21:27:35.910 回答