网页 弹出式菜单 的代码问题~

来源:百度知道 编辑:UC知道 时间:2024/06/20 09:02:07
从网上拷了一个弹出式菜单的代码,源代码每个菜单80的宽度,由于我的网页需要我改成78了,但之后弹出的子菜单就不是在其相应主菜单的正下方而是偏右了。实验了很久不能让子菜单正确显示,其中相关部分代码如下:
#nav li ul {
line-height: 27px; list-style-type: none;text-align:left;
left: -999em; width: 180px; position: absolute;

不知道那个-999em是什么意思啊?180px是子菜单的宽度,absolute是指什么绝对位置呢?我试着换成相对属性,也就是relative,之后子菜单回到正下方了,但是多出来很多其他的色块,整个menu就乱了。
整个menu的源代码太长,这里贴不了,请点这个地址查看:http://www.douban.com/note/29847933/
请会的朋友们帮忙看看咋能改成正下方显示啊?非常感谢!

你的代码不兼容IE,在FF中没问题

给你改了一下

/*子菜单高,*/
#nav li ul {line-height: 27px; *margin:19px auto auto -78px; list-style-type: none;text-align:left;left: -999em; width: 180px; position: absolute}