设置superfish控件的宽度

SuperFish是一款基于jQuery的菜单控件，使用方便，配置简单

详细内容见：http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started

 

今天在使用SuperFish的时候，感觉它的菜单项有些宽，跟自己原有的页面风格有视觉冲突，所以就试着改了下。

 

方法如下：

1、找到superfish.css文件，打开

2、找到

.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } 

修改top值，这是子菜单距离父菜单的距离。

3、找到

.sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #CFDEFF; padding: .75em 1em; text-decoration:none; } 

padding：.75em这是菜单项的top填充高度，将其改小就可以了。