代码之家  ›  专栏  ›  技术社区  ›  derekerdmann

吸盘鱼的流体宽度下拉菜单

  •  2
  • derekerdmann  · 技术社区  · 14 年前

    对于CSS下拉菜单,我通常使用 Son of Suckerfish 下拉列表。这项技术非常有效,但有一件小事总是困扰着我:下拉链接的宽度总是固定的。

    有没有办法自动调整吸盘鱼下拉菜单中项目的宽度?如果没有,是否有其他基于CSS的下拉菜单策略可以实现这一点?

    3 回复  |  直到 14 年前
        1
  •  1
  •   Chris Laplante    14 年前

    因为 li 元素是 float 他被困在监狱里 ul 元素,它们需要有一个等于 元素。否则,他们都会站在同一条线上。固定的宽度迫使每个人跳到下一行。

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

    如果需要,可以使用jQuery或纯JavaScript来计算每个菜单项中最长菜单项的宽度 保险商实验室 并设置每个 以及 保险商实验室

        2
  •  2
  •   Kristen Grote    14 年前

    不一定。如果将次要列表项设置为“清除左侧”,则它们将堆叠在一起。

    但如果你不需要改变背景颜色,这是一个很好的方法来做这件事,并保持流体。

        3
  •  0
  •   flipthekid    12 年前

    看看这一页,它帮了我的忙。 不用js就可以做到。 http://www.pmob.co.uk/temp/dropdown-all-fluid.htm

    推荐文章