html - 如何使 <a> 和 <li> 标签与 Suckerfish 下拉菜单的 <ul> 标签尺寸相同？

Question

我使用的是具有以下结构的 Suckerfish 下拉菜单，当我使用 Chrome 的开发人员工具检查 HTML 时，我发现 和各自的标签具有来自标签的自己的尺寸。这是有问题的，因为这实际上导致 比我页面上的其他按钮略大。这是我的意思的屏幕截图:http://dl.dropbox.com/u/9191/Screenshots/lsuf.png

如您所见，按钮 3 比其他按钮大。理想情况下，我想让按钮 3 与其他按钮大小相同。

这是标记:

<ul id="suckerfish">
<li id="main"><a href="#">Button 3</a>
    <ul id="dropdown">
        <li><a href="#">Dropdown Menu Item 1</a></li>
        <li><a href="#">Dropdown Menu Item 2</a></li>
    </ul>
</li>
</ul>

Answer 1

检查您是否为带有额外填充的第三个按钮设置了“事件”类。